Ajax Form

web中数据提交事件是常常发生的，但是大多数情况下我们不希望使用html中的form表单提交，因为form表单提交会中断当前浏览器的操作并且会调到另一个地址（即使这个地址是当前页面），并且会重复加载一些html浪费带宽，我们希望达到一个无刷新的、异步的提交效果来给用户更好的体验，这时候就要使用ajax，ajax可以不依赖表单自行发起一次http请求并且取回服务器响应的数据，这就是ajax的简便之处。我们这里使用JQuery中封装好的ajax函数，更加简便。下面列举几个使用ajax异步提交数据的方法。 一：jquery.js中的$.ajax方法 此方法依赖jquery.js插件，有很多版本，可以自己下载。 我们需要在此$.ajax方法中指定一些参数，比如请求地址、请求类型、所需要传输的数据、请求成功后需要执行的操作，这里简略说一下。 $.ajax({ url: " 你的url地址 " , type: ' post ' , data:{key: ' value ' }, success:function(){ alert( ' 成功 ' )； } }) 这是$.ajax方法的简单用法。其中参数data是你要传输的数据，这里的data支持Json对象和字符串。data数据如果是一个form表单里面的，自己写一个json很慢，可以使用jquery里面的serizlize()方法

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我有一个名称为 orderproductForm 的表单，输入的数量不确定。 我想做某种jQuery.get或ajax或类似的事情，它将通过Ajax调用页面，并发送所有形式为 orderproductForm 的输入。 我想一种方法是做类似的事情 jQuery.get("myurl", {action : document.orderproductForm.action.value, cartproductid : document.orderproductForm.cartproductid.value, productid : document.orderproductForm.productid.value, ... 但是我不完全知道所有的表格输入。 是否有仅发送所有表单输入的功能部件或功能？ #1楼 使用在form元素上定义的属性的另一种类似解决方案： <form id="contactForm1" action="/your_url" method="post"> <!-- Form input fields here (do not forget your name attributes). --> </form> <script type="text/javascript"> var frm =