分析jQuery Ajax请求参数和返回数据的处理

当我第一次学习使用jQuery ajax时，我觉得真正的东西很神奇，所以我可以把数据拿回来。然后，我可以将检索到的数据呈现到页面，一艘划艇。

我很早就接触了这个项目，但我不知道如何优雅地使用jquery ajax(现在也不优雅了)。

看看当时别人写的代码。

有

$.帖子(“”，“”，)

还有

$.获取(“”，“”，)

也

$.ajax()

当然，现在我知道所有这些词的意思是一样的。让我们习惯用美元写作。ajax()。

在数据处理之前，发送一个数据请求(json数据格式)，然后由自己按照下面的方式处理。

var请求={ }；request.name=$('。名称')。val()；request.age=$('。年龄”)。val()；request.sex=$('。性”)。val()；//.当时表单发送的参数项很少，所以没什么感觉。后来一张表格有很多项目，所以就写了。结果，请求中有很多行是手写的。虽然成功了，但是如果你看看这段代码，你会发现有些不对劲，至少它不是“优雅的”。

后来发现jquery其实有序列化表单数据的serialize方法，可以省去很多麻烦。

W3C _ jquery _ serialize-演示

处理数据并将其呈现在页面上。

之前的做法和上面完全一样。返回的数据是json数据格式，然后将值分别赋给页面元素，所以代码往往是这样的。

如果有更多的数据，真的会觉得有点难看。其实应该有更好的办法。返回的对象是一个json对象，所以我们可以通过遍历对象的属性值来获取所有的值，然后依次将它们呈现给页面的相应元素。

对象遍历可以用for来写(有没有更好的方法来写？)

$.Ajax ({//.success:函数(result){ for(var v in result){//如果呈现的元素都是统一的输入框形式，$ ('form ')。find ('input [name=' v']')。val(结果[v])；//如果有其他元素，单独检查处理}}})以上名称(或其他标签先写在页面中，与返回数据的属性一致)。

jQuery中ajax的四个常见请求。

1.$.ajax()返回它创建的XMLHttpRequest对象。

$.ajax()只有一个参数：parameter key/value对象，它包含每个配置和回调函数的信息。详细参数选项见下文。

如果指定了dataType选项，请确保服务器返回正确的MIME信息(例如，xml返回“文本/xml”)。

示例：

将数据保存到服务器，并在成功时显示信息。

$.ajax({type: 'post '，dataType: 'html '，URL : '/Resources/getlist . ashx '，data: dataurl，success:函数(data) {if (data！=' '){ $(' #寻呼机')。寻呼机({ pagenumber: pagenumber，page count : data . split(' $ $ ')[1]，buttonclickcallback : page click })；$('#anhtml ')。html(data . split(' $ $ ')[0])；}}});2.通过远程HTTP GET请求加载信息。

这是一个简单的GET请求函数，用来替换复杂的$.ajax。请求成功时调用回调函数。如果你需要在出错时执行一个函数，使用$.ajax。

示例：

$.get('test.cgi '，{ name: 'John '，time: '2pm' }，function(Data){ alert(' Data loaded : ' Data)；});3.通过远程HTTP POST请求加载信息。

这是一个简单的POST请求函数，用来替换复杂的$.ajax。请求成功时调用回调函数。如果你需要在出错时执行一个函数，使用$.ajax。

示例：

$.post('/resources/addfriend . ashx '，{'FID' : FIDS，' fname' : fnames，' tuid' 3360 tuids，' tu name' 3360 tu names}，function (data) {if (data==' ok。);}})4.通过HTTP GET请求加载JSON数据。

示例：

$.getJSON(' http://API . Flickr.com/services/feeds/photos _ public . gne？标记=cattagmode=any format=jsonjsoncallback=？”，函数(数据){$。每个(data.items，function(i，item){$('img/')。attr('src '，item.media.m)。appendo(' # images ')；如果(i==3)返回false});});以上内容是边肖介绍的jQuery Ajax请求参数和返回数据的处理，希望对大家有所帮助！