jsajax实例post的简单介绍

• 1、js中怎样使用ajax通过post提交数组数据？php在后台怎样获取数组数据？
• 2、简单的ajax.post方法的问题
• 3、请给个jQuery ajax – post()方法的例子， 发送数据返回结果
• 4、JS与Ajax Get和Post在使用上的区别实例详解
• 5、jQuery中ajax – get() 方法实例详解
• 6、jquery中ajax中post方法传递参数

有一个参数type:post,这个是以post方式进行提交，data:function(){里面是返回的数据}

$document.ready(function(){ })这么写应该是错误的吧，

应该是 $(document).ready(function(){})

String name = request.getParameter(“params”);

这样取参数应该取不到吧，你上面传参数的正确格式是这样的：

{“a”:”data”};

String name = request.getParameter(“params”);这里的参数应该是上面传的参数的key值；应该是

String name = request.getParameter(“a”);

$(“button”).click(function(){

$.post(“demo_test_post.asp”,

{

name:”Donald Duck”,

city:”Duckburg”

},

function(data,status){

alert(“Data: ” + data + “\nStatus: ” + status);

});

});

$.post() 的第一个参数是我们希望请求的 URL (“demo_test_post.asp”)。

然后我们连同请求（name 和 city）一起发送数据。

“demo_test_post.asp” 中的 ASP 脚本读取这些参数，对它们进行处理，然后返回结果。

第三个参数是回调函数。第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态。

提示：这个 ASP 文件 (“demo_test_post.asp”) 类似这样：

%

dim fname,city

fname=Request.Form(“name”)

city=Request.Form(“city”)

Response.Write(“Dear ” fname “. “)

Response.Write(“Hope you live well in ” city “.”)

%

原生js我不太明白，因为ajax是再太复杂了。

这里我可以说一下jQuery的ajax，我也是初学者，下面是我理解的：

$.ajax相对于$.get和$.post封装的比较底层，$.post比$.get封装的要底层，

越高层的使用起来越简单，越底层功能越强大。

在jquery中使用get，post和ajax方法给服务器端传递数据，在上篇文章给大家分享了jquery中ajax-post()方法实例，下面通过本文继续学习jQuery中ajax

–

get()

方法，具体介绍请看下文。

jQuery

Ajax

参考手册

实例

使用

AJAX

的

GET

请求来改变

div

元素的文本：

$(“button”).click(function(){

$.get(“demo_ajax_load.txt”,

function(result){

$(“div”).html(result);

});

});

亲自试一试

定义和用法

get()

方法通过远程

HTTP

GET

请求载入信息。

这是一个简单的

GET

请求功能以取代复杂

$.ajax

。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用

$.ajax。

语法

$(selector).get(url,data,success(response,status,xhr),dataType)

详细说明

该函数是简写的

Ajax

函数，等价于：

$.ajax({

url:

url,

data:

data,

success:

success,

dataType:

dataType

});

根据响应的不同的

MIME

类型，传递给

success

回调函数的返回数据也有所不同，这些数据可以是

XML

root

元素、文本字符串、JavaScript

文件或者

JSON

对象。也可向

success

回调函数传递响应的文本状态。

对于

jQuery

1.4，也可以向

success

回调函数传递

XMLHttpRequest

对象。

示例

请求

test.php

网页，忽略返回值：

$.get(“test.php”);

更多示例

例子

1

请求

test.php

网页，传送2个参数，忽略返回值：

$.get(“test.php”,

{

name:

“John”,

time:

“2pm”

}

);

例子

2

显示

test.php

返回值(HTML

或

XML，取决于返回值)：

$.get(“test.php”,

function(data){

alert(“Data

Loaded:

“

+

data);

});

例子

3

显示

test.cgi

返回值(HTML

或

XML，取决于返回值)，添加一组请求参数：

$.get(“test.cgi”,

{

name:

“John”,

time:

“2pm”

},

function(data){

alert(“Data

Loaded:

“

+

data);

});

jquery

ajax

的

$.get（）用法详解

js文件

$(document).ready(function(){

$(“form”).submit(function(event)

{event.preventDefault()})//取消submit的默认行为

$(“form

input[type=’submit’]”).click(function(){

var

url

=

$(‘form’).attr(‘action’);

//

取Form中要提交的链接

var

param

=

{};

//

组装发送参数

param[‘name’]

=

$(‘form

input[name=name]’).val();

param[‘age’]

=

$(‘form

input[name=age]’).val();

$.get(url,

param,

function(dom)

{

$(‘div.get’).append(dom)

})

;

//

发送并显示返回内容

});

})

html文件

form

action=”ajax.php”

method=”get”

Name:

input

type=”text”

name=”name”

/

Age:

input

type=”text”

name=”age”

/

input

type=”submit”

/

/form

div

class=”get”这是ajax的get方法/div

php文件

error_reporting(0);

if($_GET[“name”]==”kitty”)

{

$name=

“you

are

the

lucky”;

}

else

$name=$_GET[“name”];

$age=$_GET[“age”];

echo

“div

“.$name.”

“.$age.”/div”;

以上介绍就是本文给大家分享的jQuery中ajax

–

get()

方法实例详解，希望大家喜欢。

jQuery ajax – post() 方法：

1、定义和用法：

post() 方法通过 HTTP POST 请求从服务器载入数据。

2、语法：

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

url ：必需。规定把请求发送到哪个 URL。

data ：可选。映射或字符串值。规定连同请求发送到服务器的数据。

success(data, textStatus, jqXHR)：    可选。请求成功时执行的回调函数。

dataType ：可选。规定预期的服务器响应的数据类型。默认执行智能判断（xml、json、script 或 html）。