webform-AJAX

时间:2023-03-10 01:52:34
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只会走一个 }
});