关于jqueryajax封装的信息

如何使用jquery获取name相同的input，并将其封装json使用ajax进行异步提交？

var arr = [];\x0d\x0avar $test = $("input[name=test]");//假设name为test\x0d\x0afor(var i=0;i

回答于 2022-11-16

相关问答

Q1: JQuery 与ajax的关系

jquery是js编写的框架 可以方便的 实现复杂的效果。

jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。它是轻量级的js库 ，兼容CSS3，还兼容各种浏览器，jQuery2.0及后续版本不再支持IE6/7/8浏览器。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

Q2: 怎样使用jquery中的ajax

Java软件开发中，后台中我们可以通过各种框架，像SSH等进行对代码的封装，方便我们对Java代码的编写，例如，Struts,SpringMVC对从前台到action的流程进行封装控制，使我们只需要进行一些简单配置就可以实现；而Spring进行了对各种对象的管理进行封装，提供了AOP编程的方式，大大方便了我们；而Hibernate和IBatis则是对JDBC代码进行封装，不需要我们每次都写那些重复而繁杂的JDBC代码。

前台呢，对于页面一些效果，验证等，我们都是通过JavaScript语言进行完成的，但是它也就像我们的Java代码一样，是最前台语言最基础的，而JQuery则是对js代码进行封装方便我们前台代码的编写，而且它还有一个非常大的优势就是解决了浏览器的兼容问题，这也是我们使用它非常重要的原因之一。

而现在为了满足用户的需求，Ajax（Asynchronous Javascript + XML）异步刷新起到了无可比拟的作用，以前写Ajax操作，总是需要我们想JDBC代码一样进行几个必备的步骤：

AJAX——核心XMLHttpRequest对象，而JQuery也对Ajax异步操作进行了封装，这里看一下几种常用的方式。 $.ajax，$.post， $.get， $.getJSON。

一， $.ajax，这个是JQuery对ajax封装的最基础步，通过使用这个函数可以完成异步通讯的所有功能。也就是说什么情况下我们都可以通过此方法进行异步刷新的操作。但是它的参数较多，有的时候可能会麻烦一些。看一下常用的参数：

var configObj = {

method //数据的提交方式：get和post

url //数据的提交路劲

async //是否支持异步刷新，默认是true

data //需要提交的数据

dataType //服务器返回数据的类型，例如xml,String,Json等

success //请求成功后的回调函数

error //请求失败后的回调函数

}

$.ajax(configObj);//通过$.ajax函数进行调用。

二，$.post，这个函数其实就是对$.ajax进行了更进一步的封装，减少了参数，简化了操作，但是运用的范围更小了。$.post简化了数据提交方式，只能采用POST方式提交。只能是异步访问服务器，不能同步访问，不能进行错误处理。在满足这些情况下，我们可以使用这个函数来方便我们的编程，它的主要几个参数，像method，async等进行了默认设置，我们不可以改变的。例子不再介绍。

url:发送请求地址。

data:待发送 Key/value 参数。

callback:发送成功时回调函数。

type:返回内容格式，xml, html, script, json, text,_default。

三，$.get，和$.post一样，这个函数是对get方法的提交数据进行封装，只能使用在get提交数据解决异步刷新的方式上，使用方式和上边的也差不多。这里不再演示。

四， $.getJSON，这个是进一步的封装，也就是对返回数据类型为Json进行操作。里边就三个参数，需要我们设置，非常简单：url,[data],[callback]。

其实会了$.ajax方法，其它的就都会使用了，都是一样的，其实非常简单。

但是这里还有一个问题，比较麻烦，就是如果页面数据量比较大，该怎么办呢？在常规表单的处理中，我们使用框架Struts2可以通过域驱动模式进行自动获取封装，那么通过ajax,如何进行封装呢？这里JQuery有一个插件，Jquery Form，通过引入此js文件，我们可以模仿表单Form来支持Struts2的域驱动模式，进行自动数据的封装。

这样我们就不用再进行数据data的封装处理，大大简化了我们ajax的操作这样异步刷新的操作。综上为JQuery中ajax的操作，感觉使用多了，和form表单的处理还是非常相似的，只不过实现的功能不一样罢了。学习编程，其实就是学习对数据的流转处理，如何从前台获取，传输到服务器进行相应的处理，然后返回，进行相关的显示，把这个流程通过一些技术实现，就完成了软件的开发，感觉还是非常有意思的。

更多资料请参考

Q3: 使用jquery封装的ajax怎么能隔一秒定时发送一次请求

将ajax的发送行为封装到一个方法中。

然后用setTimeout延时执行就可以了。

如果需要多次循环执行，也可以用setInterval。

Q4: ajax在jquery的底层是怎么实现的呢？

它的底层实现包括下面几个方面：1.jQuery底层在实现ajax功能时，调用了浏览器中的XMLHttpRequest对象，在最新的2.0版本后，由于不考虑IE浏览器的支持，直接使用该对象获取用户请求的数据，包括地址和参数等。2.它将对象打开请求地址时的相关参数封装在相关函数如ajax()的配置项中，一旦传入了必需选项，则直接调用相应的send()方法进行数据的请求。3.jQuery底层将对象请求后返回的数据结果，直接封装到相关函数的success方法中，所以，一旦异步请求成功，返回的数据对象直接注入到方法中，因此，可以调用success方法获取服务端返回的数据。我之前在黑马程序员的免费视频中看到过ajax和jQuery的相关视频，讲的都还挺不错的。

Q5: for循环ajax带来的问题。这里使用的是jquery封装的ajax。ajax设置了同步，当快速执行ajax会出问题

首先你的这个实现逻辑就有问题，怎么可能会想到用for 去做n次ajax提交呢，你得知道你现在上面写的这种ajax提交方式为异步方式，何为异步，就是当ajax请求发出后当前逻辑就认为你的这次请求完成了，当前逻辑会继续往下执行而不会去管你的这个ajax请求是否执行完并成功返回的，如你for了10次，那么for只会管执行10个ajax提交，因为ajax是异步方式，所以你在for里面无法控制你的这10次ajax是否都正常的执行并返回的，这10次ajax提交的返回是无序的。所以一般都不会用这样的逻辑来处理问题，如果实在非得要用这种逻辑，那么得将ajax请求方式改成同步方式，即将async:false 改成 async:true，这样就可能如你的预期，一个ajax执行完正常返回后才行下一个ajax,

==================================================================

哦，那是我记错咯，如果你实在要用这种实现逻辑的话，我倒建议你不要这么写，类似下面这种写法应该好处理些的：

for (var i=0; i9; i++)

{

var post_data = new Array('rand':new Date().getMilliseconds())

var post_retn = eval('('+ $.ajax({type:'post', data:post_data, url:'xxxxxrand=' + new Date().getMilliseconds(), async:false}).responseText +')');

alert(post_retn);

}