jquery的get和post请求

第一种方式：手工填写所有表单数据

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title><script type="text/javascript">$(function(){$.ajax({url:'xxxx',type:'post',dataType:'json',data:{'p1':$('#p1'),'p2':$('#p2')},success:function(result){//回调函数}});});</script>
</head>
<body><form id="myForm" action=""><input id="p1" name="p1" value="p1"/><input id="p2" name="p2" value="p2"/><input id="btn" type="button" value="提交"/></form>
</body>
</html>

第二种方式：$(‘#myform’).serialize( );

注意：这时表单的按钮的type不可以是submit，否则自提交数据，也就是自动刷新；
当时做的一个功能是: 在数据列表的第二页点击一条数据修改，修改成功后，显示修改成功，页面还要停留在第二页，不能回到第一页，所以就不能刷新网页，不然就回到第一页了；而用Ajax的serialize()提交表单，如果input的type为submit，提交时就会自动刷新，回到第一页，所以，用serialize()提交表单的时候最好把type改为button

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title><script type="text/javascript">$(function(){$.ajax({url:'xxxx',type:'post',dataType:'json',data:$("#myForm").serialize(),success:function(result){//回调函数 }});});</script>
</head>
<body><form id="myForm" action=""><input id="p1" name="p1" value="p1"/><input id="p2" name="p2" value="p2"/><input id="btn" type="button" value="提交"/></form>
</body>
</html>

第三种方式：使用jQuery Form插件提供的ajaxSubmit()函数

<form>标题：<input type="text" name="title" /><br />内容：<textarea name="content"><textarea/><br /><button>提交</button>
</form>$('button').on('click', function() {$('form').on('submit', function() {var title = $('inpur[name=title]').val(),content = $('textarea').val();$(this).ajaxSubmit({type: 'post', // 提交方式 get/posturl: 'your url', // 需要提交的 urldata: {'title': title,'content': content},success: function(data) { // data 保存提交后返回的数据，一般为 json 数据// 此处可对 data 作相关处理alert('提交成功！');}$(this).resetForm(); // 提交后重置表单});return false; // 阻止表单自动提交事件});
});

网上查找，高手在民间！

jquery的get和post请求相关推荐

jQuery的ajax的post请求json格式无法上传空数组
问题描述:在和后端对接时,使用jquery的ajax的post方式向后端传递一序列约定好格式的对象数组.遇到了一个现象:如果对象中的数组是空数组,那么在请求参数中是不会出现的. 以下是数据的对比: ...
jquery queue ajax,如何通过jQuery和Queue发送ajax请求？
嗯,我有一个"ID"列表,我需要为每个"ID"发送一个Ajax请求. IDE是当请求完成时,运行以下Ajax请求. 所有这些与异步请求,因为否则,浏览器字面上& ...
jQuery使用ajax跨域请求获取数据
jQuery使用ajax跨域请求获取数据跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内 ...
JQuery的Ajax跨域请求的解决方案
JQuery的Ajax跨域请求的解决方案参考文章: (1)JQuery的Ajax跨域请求的解决方案 (2)https://www.cnblogs.com/amylis_chen/p/4703735. ...
如何在jQuery中发送PUT / DELETE请求？
GET : $.get(..) POST : $.post().. 那PUT/DELETE呢? #1楼您可以在数据哈希中包含一个名为:_method的键,其值为'delete'. 例如: data ...
php 循环 post,如何在php中使用jQuery递归调用POST循环请求
如何在php中使用jQuery递归调用POST循环请求发布时间:2021-01-28 17:37:18 来源:亿速云阅读:79 作者:Leah 这期内容当中小编将会给大家带来有关如何在php中使用 ...
jquery向服务器发送ajax请求标准写法
jquery向服务器发送ajax请求标准写法 $.ajax({url:"url路径", //请求的url地址dataType:"json", //返回的数据格式 ...
jQuery实现ajax跨域请求
jQuery实现ajax跨域请求 jsonp形式 <!DOCTYPE html> <html lang="en"><head><meta ...
ajax 跨域请求数据,JQuery Ajax执行跨域请求数据的解决方案
JQuery Ajax执行跨域请求数据的解决方案今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下原来的ajax请求如下: $.ajax( ...
jq中ajax请求跨域,jquery+ajax实现跨域请求的方法
本文实例讲述了jquery+ajax实现跨域请求的方法.分享给大家供大家参考.具体实现方法如下: 说明:这里的dataType 为 "jsonp" :type 只能为 GET ...

jquery的get和post请求

jquery的get和post请求相关推荐

最新文章

热门文章