您好,欢迎访问一九零五行业门户网

jquery中get,post和ajax方法的使用小结_jquery

在jquery中可以使用get,post和ajax方法给服务器端传递数据
get方法的使用(customforget.js文件):
function verify(){
//1.获取文本框的数据
//通过dom的方式获取
//document.getelementbyidx(username);
//通过jquery的方式获取
var jqueryobj = $(#username);
//获取节点的值
var username = jqueryobj.val();
//2.将文本框的数据发送到服务器端的servlet
$.get(ajaxserver?name= + username,null,callback);
}
//回调函数
function callback(data){
//3.接受从服务器端返回的数据
// alert(data);
//4.将服务器端的返回的数据显示到页面上
//取到用来显示结果信息的节点
var resultobj = $(#result);
resultobj.html(data);
}
可以将上面的文件简写成:
function verify(){
$.get(ajaxserver?name=+$(#username).val(),null,function callback(data){$(#result).html(data);});
}
post方法的使用(customforpost.js):
function verify(){
//1.获取文本框的数据
//通过dom的方式获取
//document.getelementbyidx(username);
//通过jquery的方式获取
var jqueryobj = $(#username);
//获取节点的值
var username = jqueryobj.val();
//2.将文本框的数据发送到服务器端的servlet
  // $.post(ajaxserver?name= + username,null,callback);//用post是也可以直接将参数跟在url后面
$.post(ajaxserver,{name:username,test:test123},callback);//传递多个参数时用逗号隔开,属性值如果是变量的话直接写上,如:username,如果是字符的话要加上引号,如:“test123”.
}
//回调函数
function callback(data){
//3.接受从服务器端返回的数据
// alert(data);
//4.将服务器端的返回的数据显示到页面上
//取到用来显示结果信息的节点
var resultobj = $(#result);
resultobj.html(data);
}
可以将上面的文件简写成:
function verify(){
$.post(ajaxserver,{name:$(#username).val(),test:test123},function(data){$(#result).html(data)});
}
总结:其实get和post方法相似,只要将get和post互换即可,而参数的存放位置两个地方都行;
如:
$.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)});
ajax方法的使用(customforajaxtext)接收数据类型是纯文本的数据:
function verify(){
//1.获取文本框的数据
//通过jquery的方式获取
var jqueryobj = $(#username);
//获取节点的值
var username = jqueryobj.val();
//2.将文本框的数据发送到服务器端的servlet
$.ajax({
type:post,
url:ajaxserver,
data:name=+username+&+test=123,
success:function(data){
$(#result).html(data);
}
});
}
ajax方法的使用(customforajaxtext)接收数据类型是xml的数据:
function verify(){
//1.获取文本框的数据
//通过jquery的方式获取
var jqueryobj = $(#username);
//获取节点的值
var username = jqueryobj.val();
//2.将文本框的数据发送到服务器端的servlet
$.ajax({
type:post,
url:ajaxxmlserver,
data:name=+username+&+test=123,
datatype:xml,
success:function(data){
//首先需要将传过来的dom对象转化为jquery对象
var jqueryobj = $(data);
//获取message节点
var messagenods = jqueryobj.children();
//获取文本内容
var responsetext = messagenods.text();
$(#result).html(responsetext);
}
});
}
其它类似信息

推荐信息