jquery中get,post和ajax方法的使用小结
在JQuery中可以使用get,post和ajax方法给服务器端传递数据
functionverify(){
//1.获取文本框的数据
//通过DOM的方式获取
//document.getElementByIdx("userName");
//通过JQuery的方式获取
varjqueryObj=$("#userName");
//获取节点的值
varuserName=jqueryObj.val();
//2.将文本框的数据发送到服务器端的servlet
$.get("AJAXServer?name="+userName,null,callback);
}
//回调函数
functioncallback(data){
//3.接受从服务器端返回的数据
//alert(data);
//4.将服务器端的返回的数据显示到页面上
//取到用来显示结果信息的节点
varresultObj=$("#result");
resultObj.html(data);
}
可以将上面的文件简写成:
functionverify(){
$.get("AJAXServer?name="+$("#userName").val(),null,functioncallback(data){$("#result").html(data);});
}
functionverify(){
//1.获取文本框的数据
//通过DOM的方式获取
//document.getElementByIdx("userName");
//通过JQuery的方式获取
varjqueryObj=$("#userName");
//获取节点的值
varuserName=jqueryObj.val();
//2.将文本框的数据发送到服务器端的servlet
//$.post("AJAXServer?name="+userName,null,callback);//用post是也可以直接将参数跟在URL后面
$.post("AJAXServer",{name:userName,test:"test123"},callback);//传递多个参数时用逗号隔开,属性值如果是变量的话直接写上,如:userName,如果是字符的话要加上引号,如:“test123”.
}
//回调函数
functioncallback(data){
//3.接受从服务器端返回的数据
//alert(data);
//4.将服务器端的返回的数据显示到页面上
//取到用来显示结果信息的节点
varresultObj=$("#result");
resultObj.html(data);
}
可以将上面的文件简写成:
functionverify(){
$.post("AJAXServer",{name:$("#userName").val(),test:"test123"},function(data){$("#result").html(data)});
}
如:
$.post("AJAXServer",{name:$("#userName").val(),test:"test123"},function(data){$("#result").html(data)});
只要将post直接改成get,而不用修改参数的位置,即:
$.get("AJAXServer",{name:$("#userName").val(),test:"test123"},function(data){$("#result").html(data)});
functionverify(){
//1.获取文本框的数据
//通过JQuery的方式获取
varjqueryObj=$("#userName");
//获取节点的值
varuserName=jqueryObj.val();
//2.将文本框的数据发送到服务器端的servlet
$.ajax({
type:"POST",
url:"AJAXServer",
data:"name="+userName+"&"+"test=123",
success:function(data){
$("#result").html(data);
}
});
}
functionverify(){
//1.获取文本框的数据
//通过JQuery的方式获取
varjqueryObj=$("#userName");
//获取节点的值
varuserName=jqueryObj.val();
//2.将文本框的数据发送到服务器端的servlet
$.ajax({
type:"POST",
url:"AJAXXMLServer",
data:"name="+userName+"&"+"test=123",
dataType:"xml",
success:function(data){
//首先需要将传过来的DOM对象转化为jquery对象
varjqueryObj=$(data);
//获取message节点
varmessageNods=jqueryObj.children();
//获取文本内容
varresponseText=messageNods.text();
$("#result").html(responseText);
}
});
}
相关文章
- jquery监听浏览器刷新_jQuery刷新浏览器页面大小
- jquery validation engine ajax验证,jQuery Validation Engine 表单验证「建议收藏」
- 开心档之jQuery - AJAX get() 和 post() 方法
- jQuery Ajax 实例 ($.ajax、$.post、$.get)详解编程语言
- jQuery one()方法绑定事件(仅触发一次)
- jQuery after()和insertAfter()方法
- jquery中获得$.ajax()事件返回的值并添加事件的方法
- jquery$.ajax()取xml数据的小问题解决方法
- 为jQuery增加join方法的实现代码
- JQuery.ajax传递中文参数的解决方法推荐
- 菜鸟蔡之Ajax复习第二篇(JQuery中的load()方法实现Ajax功能)
- jQuery侧边栏随窗口滚动实现方法
- 基于asp.net下使用jquery实现ajax的解决方法
- Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
- jquery用get实现ajax在ie里面刷新不进入后台解决方法
- jquery利用ajax调用后台方法实例
- jquery插件jTimer(jquery定时器)使用方法
- jQuery中bind,live,delegate与one方法的用法及区别解析
- JQuery中使用Ajax赋值给全局变量异常的解决方法
- Jquery+asp.net后台数据传到前台js进行解析的方法
- JQuery的Ajax中Post方法传递中文出现乱码的解决方法
- JQuery中使用ajax传输超大数据的解决方法
- jQuery中Ajax的get、post等方法详解
- jquery+ajax实现跨域请求的方法