Ajax的get、post和ajax提交

JQuery.get(url,[data],[callback],[type])

[]里面的参数是可选的，不是必填的。

[data]：带发送的key/value数据。

[callback]：载入成功时回调的函数。

[type]：返回的内容格式：json/text....

下面是get案例：

1 function get1(){ 2 //get异步访问 3 $.get( 4 "#",//url地址 5 {"name":"张三","age":25};//请求的参数 6 function(){ //执行成功返回的回调函数 7 alert(data);//注意这里的data并不是请求参数,而是响应的参数callback 8 }, 9 "text";//返回参数的类型 就是callback的类型 10 ); 11 }

下面是在服务器上的命令：

1 String name = request.getParamenter("name"); 2 String name = request.getParamenter("age"); 3 System.out.println(name+" "+age); 4 response.getWriter().write("success....");

服务器会打印出张三  25 ；

jQuery.parseJSON()函数用于将格式完好的JSON字符串转为与之对应的JavaScript对象。

下面的是post异步访问：

 

1 function post1(){ 2 //post异步访问 3 $.post( 4 "#",//url地址 5 {"name":"张三","age":25};//请求的参数 6 function(){ //执行成功返回的回调函数 7 alert(data.name);//注意这里的data并不是请求参数,而是响应的参数callback 8 }, 9 "text";//返回参数的类型 就是callback的类型 10 ); 11 }

 

和get提交差不多

 下面是ajax格式：

1 $.ajax({ 2 url:url, 3 type:"post", 4 data:params, 5 success:function(d){//成功之后调用的函数 6 alert(d.msg); 7 }, 8 error:function(d){//失败之后调用的函数 9 alert(d.msg); 10 }, 11 dataType:"json", 12 });

 

转载于:https://www.cnblogs.com/tidhy/p/6658333.html

总结

以上是生活随笔为你收集整理的Ajax的get、post和ajax提交的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。