数码资讯
jQuery对Ajax的支持
1。三法 1.1.load方法 作用:服务器返回直接添加的数据,以满足DOM对象的要求。 / /相当于obj.innerhtml =数据服务器返回的。 使用: obj.load美元(URL请求参数,{ }); URL:请求地址 请求参数: 第一种形式:请求字符串,如:'username = zsag
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
1。三法
1.1.load方法
作用:服务器返回直接添加的数据,以满足DOM对象的要求。
/ /相当于obj.innerhtml =数据服务器返回的。
使用:
obj.load美元(URL请求参数,{ });
URL:请求地址
请求参数:
第一种形式:请求字符串,如:'username = zsage = 22
第二形式:对象,如{ 'username:'zs,年龄:22 }
注释:
如果在加载方法中没有参数,则请求将使用get方法发送。
如果有一个中文参数值,加载方法有助于我们进行编码。
例子:
复制代码代码如下所示:
$(函数(){())
$('a.s1)。Toggle(function(){)
var航空= $(这个)。父()。兄弟()。EQ(0)。文本();
$(这)。下一个()。负荷('priceinfo。做,'airline = +航空);
$(这)。Html('show经济舱价格);
}函数(){()
$(这个);
$(这)。Html('show票价);
});
});
1.2。
作用:向服务器发送GET或POST请求(获取请求IE缓存)
使用:
获取(URL,{数据},{回调},{ });
元(URL,{数据},{回调},{ });
URL:请求地址
数据:请求参数,以相同的形式。
回调函数:一个回调函数,可以用来处理服务器返回的数据。
回调格式:
功能(数据、StatusText),
在此,数据可以获取服务器返回的数据,
StatusText是一个简单的字符串描述服务器的处理状态。
类型:服务器返回的数据类型,类型可以是:
html:返回是HTML的内容。
正文:返回是文本。
JSON:返回是JSON字符串。
返回是一个DOM兼容的XML对象。
返回的javascriptz脚本:
例子:
复制代码代码如下所示:
函数引用(){
美元。后('quoto。做的,功能(数据){
如果服务器返回数据是JSON字符串,
将自动转换成JS对象或JSON对象数组。
$(# TB1的)空();
为(i = 0;i < data.length;i++){
$(# TB1)。追加(
+数据{代码}
数据{名称+ +。
数据{价格} +。
+;
}
},'json ');T
}
1.3美元(期权):
一 / /选项是一个JS对象像{ KEY1:value1,value2 KEY2:…},它指定的选项来发送一个请求。
选项参数如下:
URL(字符串):请求。
类型(字符串):
数据(对象/字符串):发送到服务器的数据
DataType(字符串): / /预期由服务器返回的数据类型。
成功(函数):回调函数调用请求成功,有两个参数:
功能(数据,textstatus),
在此,数据是服务器返回的数据,
textstatus描述状态的字符串。
错误(函数):函数调用请求失败,有三个参数
功能(XHR,textstatus,errorthrown),
Where XHR is the underlying Ajax object (XMLHttpRequest),
textstatus,errorthrown,这两个参数
可以在底部获得的异常描述。
异步:真正的(默认) / / /假假时,发送一个同步请求。
例子:
复制代码代码如下所示:
$(函数(){())
$(# S1')。变化(函数(){)
$ ajax({
URL:'carinfo呢。,
类型:'post,
数据:'carname =+ $(' # S1')瓦迩(),
数据类型:'xml,
成功:函数(数据){
数据是服务器返回的数据。
如果返回是XML文档,我们需要使用
要打包成$(Data)jQuery的函数
对象,很容易找到。
在添加之前先清空
$(# TB1的)空();
$(# TB1)。追加(
制造商:
+ $(数据),(公司的)文本()。
价格:$++(数据),发现('price ')(文本)
身体大小:+
+ $(数据),发现('size文本())。
+门数:+ $(数据)。找到(‘家门口')文本()。
+位移:
+ $(数据),发现('vol文本())。
+加速性能:
+ $(数据),发现('speed文本())。
+;
要显示表
$(#提示')SlideDown(慢的);
setTimeout(){()函数(
$(#提示')FadeOut(慢的);
},2000);
},
错误:函数(){
$(# TB1)。追加(
模型的信息暂时不可用。
$(#提示')SlideDown(慢的);
}
});
});
});
例2:
解决中国混沌码问题:
复制代码代码如下所示:
$ ajax({
URL:'netctoss7 / ajaxcode,
类型:'post,
数据:{名称:值},
数据类型:'json,
异步:假,
成功:函数(数据){
如果(数据){
$(# msg_vercode)。文本();
真的;
其他{ }
$(# msg_vercode)。文本(验证错误);
}
}
});
2。两个辅助方法
2.1.serialize()():
jQuery对象将表单或表单控件包含在查询字符串中。
2.2.serializearray()():
/ /成一个数组,每个数组元素如{姓名:字段名,价值:fieldval }对象。
序列化元素,主要用于ajax请求,对数据的赋值。
解释:
仅可用于窗体或窗体控件。
直接发送表单的名称和相应的值,如:name =值
例子:
复制代码代码如下所示:
$ ajax({ })。
/ /数据:'carname =+ $(' # S1')瓦迩(),
数据:$(' # S1')Serialize(),
/ /数据:{ 'carname '(' #美元S1')。瓦迩()},
数据:$(' # S1')SerializeArray(),
1.1.load方法
作用:服务器返回直接添加的数据,以满足DOM对象的要求。
/ /相当于obj.innerhtml =数据服务器返回的。
使用:
obj.load美元(URL请求参数,{ });
URL:请求地址
请求参数:
第一种形式:请求字符串,如:'username = zsage = 22
第二形式:对象,如{ 'username:'zs,年龄:22 }
注释:
如果在加载方法中没有参数,则请求将使用get方法发送。
如果有一个中文参数值,加载方法有助于我们进行编码。
例子:
复制代码代码如下所示:
$(函数(){())
$('a.s1)。Toggle(function(){)
var航空= $(这个)。父()。兄弟()。EQ(0)。文本();
$(这)。下一个()。负荷('priceinfo。做,'airline = +航空);
$(这)。Html('show经济舱价格);
}函数(){()
$(这个);
$(这)。Html('show票价);
});
});
1.2。
作用:向服务器发送GET或POST请求(获取请求IE缓存)
使用:
获取(URL,{数据},{回调},{ });
元(URL,{数据},{回调},{ });
URL:请求地址
数据:请求参数,以相同的形式。
回调函数:一个回调函数,可以用来处理服务器返回的数据。
回调格式:
功能(数据、StatusText),
在此,数据可以获取服务器返回的数据,
StatusText是一个简单的字符串描述服务器的处理状态。
类型:服务器返回的数据类型,类型可以是:
html:返回是HTML的内容。
正文:返回是文本。
JSON:返回是JSON字符串。
返回是一个DOM兼容的XML对象。
返回的javascriptz脚本:
例子:
复制代码代码如下所示:
函数引用(){
美元。后('quoto。做的,功能(数据){
如果服务器返回数据是JSON字符串,
将自动转换成JS对象或JSON对象数组。
$(# TB1的)空();
为(i = 0;i < data.length;i++){
$(# TB1)。追加(
+数据{代码}
数据{名称+ +。
数据{价格} +。
+;
}
},'json ');T
}
1.3美元(期权):
一 / /选项是一个JS对象像{ KEY1:value1,value2 KEY2:…},它指定的选项来发送一个请求。
选项参数如下:
URL(字符串):请求。
类型(字符串):
数据(对象/字符串):发送到服务器的数据
DataType(字符串): / /预期由服务器返回的数据类型。
成功(函数):回调函数调用请求成功,有两个参数:
功能(数据,textstatus),
在此,数据是服务器返回的数据,
textstatus描述状态的字符串。
错误(函数):函数调用请求失败,有三个参数
功能(XHR,textstatus,errorthrown),
Where XHR is the underlying Ajax object (XMLHttpRequest),
textstatus,errorthrown,这两个参数
可以在底部获得的异常描述。
异步:真正的(默认) / / /假假时,发送一个同步请求。
例子:
复制代码代码如下所示:
$(函数(){())
$(# S1')。变化(函数(){)
$ ajax({
URL:'carinfo呢。,
类型:'post,
数据:'carname =+ $(' # S1')瓦迩(),
数据类型:'xml,
成功:函数(数据){
数据是服务器返回的数据。
如果返回是XML文档,我们需要使用
要打包成$(Data)jQuery的函数
对象,很容易找到。
在添加之前先清空
$(# TB1的)空();
$(# TB1)。追加(
制造商:
+ $(数据),(公司的)文本()。
价格:$++(数据),发现('price ')(文本)
身体大小:+
+ $(数据),发现('size文本())。
+门数:+ $(数据)。找到(‘家门口')文本()。
+位移:
+ $(数据),发现('vol文本())。
+加速性能:
+ $(数据),发现('speed文本())。
+;
要显示表
$(#提示')SlideDown(慢的);
setTimeout(){()函数(
$(#提示')FadeOut(慢的);
},2000);
},
错误:函数(){
$(# TB1)。追加(
模型的信息暂时不可用。
$(#提示')SlideDown(慢的);
}
});
});
});
例2:
解决中国混沌码问题:
复制代码代码如下所示:
$ ajax({
URL:'netctoss7 / ajaxcode,
类型:'post,
数据:{名称:值},
数据类型:'json,
异步:假,
成功:函数(数据){
如果(数据){
$(# msg_vercode)。文本();
真的;
其他{ }
$(# msg_vercode)。文本(验证错误);
}
}
});
2。两个辅助方法
2.1.serialize()():
jQuery对象将表单或表单控件包含在查询字符串中。
2.2.serializearray()():
/ /成一个数组,每个数组元素如{姓名:字段名,价值:fieldval }对象。
序列化元素,主要用于ajax请求,对数据的赋值。
解释:
仅可用于窗体或窗体控件。
直接发送表单的名称和相应的值,如:name =值
例子:
复制代码代码如下所示:
$ ajax({ })。
/ /数据:'carname =+ $(' # S1')瓦迩(),
数据:$(' # S1')Serialize(),
/ /数据:{ 'carname '(' #美元S1')。瓦迩()},
数据:$(' # S1')SerializeArray(),
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。