Ajax的getpost和ajax提交

Posted Tidhy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax的getpost和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的getpost和ajax提交的主要内容,如果未能解决你的问题,请参考以下文章

Ajax 概述原生JS(GetPost)的实现及 Ajax函数封装

封装ajax支持getpost

前端开发网络——Ajax(GETPOST)

ajax入门

ajax入门

CBV和FBV