jQuery中获取、发布和Ajax方法的使用总结

jQuery中获取、发布和Ajax方法的使用总结
get、帖和Ajax方法可用于在jQuery中向服务传输数据。

对得到的使用方法(customforget.js文件):

函数验证(){
1。获取文本框的数据。

通过DOM获取
/ / document.getelementbyidx(用户名);
通过jQuery获取
Var jqueryObj = $(#userName);
获取节点值
VaR的用户名= jqueryobj.val();

2。将文本框的数据发送到服务器端servlet。
美元。得到(ajaxservername =+用户名为空,回调);
}
返回函数
函数回调(数据){

3。接受从服务器端返回的数据。
警报(数据);
4。将返回的数据从服务器端显示到页面。
用于显示结果节点信息
无功resultobj = $(#结果);
resultobj.html(数据);
}

上述文件可以简单地写成:
函数验证(){
美元。得到(ajaxservername =+ $(#用户名)、空(。Val),函数调用(数据){ $(#结果),Html(数据);});
}

这个岗位的使用方法(customforpost js):

函数验证(){
1。获取文本框的数据。

通过DOM获取
/ / document.getelementbyidx(用户名);
通过jQuery获取
无功jqueryobj = $(#用户名);
获取节点值
VaR的用户名= jqueryobj.val();

2。将文本框的数据发送到服务器端servlet。
/ /美元。后(ajaxservername = +用户名为空,回调); / /后也可以直接在URL参数
美元。后(ajaxserver{姓名:用户名、测试:test123},回调); / /传递多个参数用逗号隔开,如果是变量直接写,如:用户名,如果属性值是特征词的报价,如:test123。
}
返回函数
函数回调(数据){

3。接受从服务器端返回的数据。
警报(数据);
4。将返回的数据从服务器端显示到页面。
用于显示结果节点信息
无功resultobj = $(#结果);
resultobj.html(数据);
}
上述文件可以简单地写成:
函数验证(){
美元。后(ajaxserver
}

总结:实际上,GET和POST的方法是相似的,只要GET和POST可以交换,两个位置的参数位置就可以了。

如:

美元。后(ajaxserver

只要是直接更改后获得的,而不是修改参数的位置,那就是:

美元。得到(ajaxserver

对Ajax的使用方法(customforajaxtext)收到的是纯文本数据的数据类型

函数验证(){
1。获取文本框的数据。
通过jQuery获取
无功jqueryobj = $(#用户名);
获取节点值
VaR的用户名= jqueryobj.val();

2。将文本框的数据发送到服务器端servlet。
$ ajax({
类型:邮政
网址:ajaxserver
数据:name+用户名+test = 123
成功:函数(数据){
$(#结果)Html(数据);
}
});
}

对Ajax的使用方法(customforajaxtext)接收数据类型的XML数据:

函数验证(){
1。获取文本框的数据。
通过jQuery获取
无功jqueryobj = $(#用户名);
获取节点值
VaR的用户名= jqueryobj.val();

2。将文本框的数据发送到服务器端servlet。
$ ajax({
类型:邮政
网址:ajaxxmlserver
数据:name+用户名+test = 123

DataType:XML
成功:函数(数据){
/首先需要将DOM对象传递到jQuery对象中
无功jqueryobj = $(数据);
获取消息节点
无功messagenods = jqueryobj.children();
获取文本内容
VaR responseText = messagenods.text();
$(#结果)。Html(responseText);
}
});
}
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部