webform-AJAX
AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
跨语言传递数据:
xml:
结构不清晰
代码量比较大
查找起来比较费事
非面向对象结构
json:
结构清晰
代码量相对较小
面向对象的处理解析方式,查找数据很简单
键值对
{"key1":"value","key2":"value"}
多个对象的json
[{"key1":"value","key2":"value"},{"key1":"value","key2":"value"},{"key1":"value","key2":"value"}]
基本格式:(先引用jQuery)
$.ajax({ url:"",//要将此次请求发送到哪个服务端去 data:{},//给服务端带的数据,可以没有,也可以是多个 type:"post", //传递的方式 dataType:"json",//数据传递的格式 success:function(data){}//如果成功返回执行此方法,“data”为自定义名 });
完整格式:
$.ajax({ url: "", //服务器路径 data: { }, //传递的参数,可为空,可多个 type: "post", //传递参数的方式,可POST可GET,一般用POST dataType: "json", //数据传递的格式,有Json和xml两种 success: function (data) { //成功返回数据执行这里,排第2 }, beforeSend: function () { //一触发ajax就执行,无任何延迟,排第1 }, complete: function () { //所有的方法都执行完毕后再来执行这里,排最后(不管成功失败都会执行) }, error: function () { //服务器路径错误,或是服务器内部错误,走这里报错,此位置与success只会走一个 } });