jquery ajax post,PHP怎么接收jQuery的Ajax post过来的值？

jquery ajax post,PHP怎么接收jQuery的Ajax post过来的值？详细介绍

本文目录一览： jquery中ajax中post方法传递参数

第一，jquery中的参数是以 key：value （value为js中的对象）方式传参数的。
所以data:"xmlData"=xml 这样写是错的，应写成data：xml
第二，你可以设置content-Type 来告诉服务器你发送的是xml数据
如 Content-Type: "text/xml"
第三，你可以与你的后台自定义一些简单的协议，那你传过去的是字符串后台也能识别为xml
第四，现在比较流行的是用json数据（js中的object）交互。
你这样写肯定发送不成功的,jQuery的data属性写法有很多.一种是json格式,类似{key:"value",key2:"value2"}.另一种: data: xmlDocument(必须设置:processData: false,防止自动转换),还有一种:data: "name=John&location=Boston",另外,看看API就知道了
　　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）。
　　

java 、JQuery问题，$.ajax()、$.post()、$.get(),各在什么情况下使用？它们的区别？

$.ajax({type: "GET"}) == $.get(). $.ajax({type: "POST"}) == $.post(). 没什么实质区别，只是简写形式而已。至于post方式和get方式， 是网络协议HTTP的两种基本方式，get将参数加载url后面，post将参数写到包里面， 比get稍微安全，可传数据更多。具体可看看http的详细介绍。
没那么复杂 , $.ajax() 的type 是get 或 post 就相同于$.post() $.get()
$.post()就是以post的形式传值, 就是你在post的url 里可以直接用$_POST['XX']获取值
$.get() 一样, 区别就是用$_GET['XX']获取
jQuery Ajax 实例 全解析
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。
废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到).
1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。
url (String) : 请求的HTML页的URL地址。
data (Map) : (可选参数) 发送至服务器的 key/value 数据。
callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。
这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。
这个方法可以很方便的动态加载一些HTML文件，例如表单。
示例代码：
$(".ajax.load").load("http://www.cnblogs.com/yeer/archive/2009/06/10/1500682.html .post",
function (responseText, textStatus, XMLHttpRequest){
this;//在这里this指向的是当前的DOM对象，即$(".ajax.load")[0]
//alert(responseText);//请求返回的内容
//alert(textStatus);//请求状态：success，error
//alert(XMLHttpRequest);//XMLHttpRequest对象
});
这里将显示结果。
注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。
2. jQuery.get( url, [data], [callback] )：使用GET方式来进行异步请求
参数：
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示，会做为QueryString附加到请求URL中。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。示例代码：
$.get("./Ajax.aspx", {Action:"get",Name:"lulu"}, function (data, textStatus){
//返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等.
this; // 在这里this指向的是Ajax请求的选项配置信息，请参考下图
alert(data);
//alert(textStatus);//请求状态：success，error等等。
当然这里捕捉不到error，因为error的时候根本不会运行该回调函数
//alert(this);
});
点击发送请求：
jQuery.get()回调函数里面的 this ，指向的是Ajax请求的选项配置信息：
3. jQuery.post( url, [data], [callback], [type] ) ：使用POST方式来进行异步请求
参数：
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是：Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。示例代码：
Ajax.aspx：
Response.ContentType = "application/json";
Response.Write("{result: '" + Request["Name"] + ",你好！(这消息来自服务器)'}");
jQuery 代码：
$.post("Ajax.aspx", { Action: "post", Name: "lulu" },
function (data, textStatus){
// data 可以是 xmlDoc, jsonObj, html, text, 等等.
//this; // 这个Ajax请求的选项配置信息，请参考jQuery.get()说到的this
alert(data.result);
}, "json");
点击提交：
这里设置了请求的格式为"json"：
如果你设置了请求的格式为"json"，此时你没有设置Response回来的ContentType 为：Response.ContentType = "application/json"; 那么你将无法捕捉到返回的数据。
注意一下，alert(data.result); 由于设置了Accept报头为“json”，这里返回的data就是一个对象，并不需要用eval()来转换为对象。

jquery $.ajax $.get $.post的区别是什么噢？

Get和Post是HTTP协议的请求方法，其他的还有Head,Delete,Trace等等，但是不一定被服务器支持
Ajax是异步请求，Ajax中可以使用Get或者Post请求方式。
学jQuery前先把HTTP协议，Javascript等熟悉下厄
get和post 都是采用的异步交互的方式，但是如果想利用post和get 做同步调用的话就不行$.ajax 既可以使用异步也可以使用同步，而且都支持get 和post
$.ajax 是 jQuery 底层 AJAX 实现，$.ajax是一种通用的底层封装，$.ajax()请求数据之后，则需要使用回调函数，有beforeSend、error、dataFilter、success、complete等。
$.get $.post是简单易用的高层实现，我们使用$.get $.post方法，jQuery会自动封装调用底层的$.ajax。
$.get 只处理简单的 GET 请求功能以取代复杂 $.ajax，请求成功时可调用回调函数。不支持出错时执行函数，否则必须使用$.ajax。
$.post 只处理 post请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。不支持出错时执行函数，否则必须使用$.ajax。
$.get("test.php", { name: "John", time: "2pm" } ) $.get方法在请求时会自动生成queryString提交给服务器(name=John&time=2pm)，
$.post方法提交的数据直接类似表单提交，提交的数据量比$.get更大。

Jquery中ajax提交表单几种方法(get、post两种方法)

在jquery中ajax提交表单有post与get方式，在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了，下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ，下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程 HTTP GET 请求载入信息格式$(selector).get(url,data,success(response,status,xhr),dataType)请求 test.php 网页，传送2个参数，忽略返回值：$.get("test.php", { name: "John", time: "2pm" } );显示 test.php 返回值(HTML 或 XML，取决于返回值)：$.get("test.php", function(data){ alert("Data Loaded: " + data);});ajax 序列化表单$.Form.serialize( NameValuePair )虚拟一个表单，并设置表单控件名与值。参数NameValuePair必选项。设置虚拟的表单控件。该参数形式为：{ name1=value, name2=value2, ......}返回值虚拟表单序列化后的字符串，其格式如：username=%E5%95%8A%E8%94%A1&password=123456

.serialize() 方法可以操作已选取个别表单元素的 jQuery 对象，比如
,
以及
。不过源码天空，选择 标签本身进行序列化一般更容易些： $('form').submit(function(){ alert($(this).serialize()); returnfalse; });输出标准的查询字符串：a=1&b;=2&c;=3&d;=4&e;=5$POST方式提交表单$.postjQuery.post( url, [data], [callback], [type] ) ：使用POST方式来进行异步请求参数：url (String) : 发送请求的URL地址.data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。$.post("momsg.php",{"tel":$("#username").val()},function(data){if(data==0)//0 成功 1 不成功 2 手机号码格式不对 { // } });通过 AJAX POST 请求改变 div 元素的文本：$("input").keyup(function(){ txt=$("input").val(); $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){ $("span").html(result); });});实例以上内容就是脚本之家小编给大家分享的Jquery中ajax提交表单几种方法(get、post两种方法)，希望对大家有所帮助。更多Jquery中ajax提交表单几种方法(get、post两种方法)相关文章请关注PHP中文网！ java 、JQuery问题，$.ajax()、$.post()、$.get(),各在什么情况下使用？它们的区别？ 希望你能用的到详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON()一，$.get(url,[data],[callback])说明：url为请求地址，data为请求数据的列表，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。而其中，服务器返回数据的格式其实是字符串形势，并不是我们想要的json数据格式，在此引用只是为了对比说明复制代码代码如下:$.get("data.php",$("#firstName.val()"),function(data){$("#getResponse").html(data); }//返回的data是字符串类型);二，$.post(url,[data],[callback],[type])说明：这个函数跟$.get()参数差不多，多了一个type参数，type为请求 的数据类型，可以是html,xml,json等类型，如果我们设置这个参数为：json，那么返回的格式则是json格式的，如果没有设置，就 和$.get()返回的格式一样，都是字符串的复制代码代码如下:$.post("data.php",$("#firstName.val()"),function(data){$("#postResponse").html(data.name);},"json"//设置了获取数据的类型，所以得到的数据格式为json类型的);三，$.ajax(opiton)说明：$.ajax()这个函数功能强大，可以对ajax进行许多精确的控制，需要详细说明的请参照相关资料复制代码代码如下:$.ajax({url: "ajax/ajax_selectPicType.aspx",data:{Full:"fu"},type: "POST",dataType:'json',success:CallBack,error:function(er){BackErr(er);}});四，$.getJSON(url,[data],[callback])复制代码代码如下:$.getJSON("data.php",$("#firstName.val()"),function(jsonData){$("#getJSONResponse").html(jsonData.id);}//无需设置，直接获取的数据类型为json，所以调用时需要使用jsonData.id方式);When Ajax meets jQuery 基于AJAX的应用现在越来越多，而对于前台开发人员来说，直接和底层的HTTPRequest打交道又不是一件令人愉快的事情。jQuery既然封装了 JavaScript，肯定已经考虑过AJAX应用的问题。的确，如果用jQuery写AJAX会比直接用JS写方便N倍。（不知道用jQuery长了， 会不会丧失对JS的知识了……） 这里假设大家对jQuery语法已经比较熟悉，来对ajax的一些应用作一些总结。载入静态页面load( url, [data], [callback] );url (String) 请求的HTML页的URL地址data (Map)(可选参数) 发送至服务器的 key/value 数据callback (Callback) (可选参数) 请求完成时(不需要是success的)的回调函数load()方法可以轻松载入静态页面内容到指定jQuery对象。复制代码代码如下:$('#ajax-div').load('data.html');这样，data.html的内容将被载入到ID为ajax-div的DOM对象之内。你甚至可以通过制定ID来实现载入部分内容的Ajax操作，如：复制代码代码如下:$('#ajax-div').load('data.html#my-section');实现GET和POST方法get( url, [data], [callback] )url (String) 发送请求的URL地址.data (Map)(可选参数) 要发送给服务器的数据，以 Key/value 的键值对形式表示，会做为QueryString附加到请求URL中callback (Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)很显然这是一个专门实现GET方式的函数，使用起来也相当的简单复制代码代码如下:$.get('login.php', {id : 'Robin',password: '123456',gate : 'index'}, function(data, status) {//data为返回对象，status为请求的状态alert(data);//此时假设服务器脚本会返回一段文字"你好，Robin！"，那么浏览器就会弹出对话框显示该段文字alert(status);//结果为success, error等等，但这里是成功时才能运行的函数});post( url, [data], [callback], [type] )url (String) 发送请求的URL地址.data (Map)(可选参数) 要发送给服务器的数据，以 Key/value 的键值对形式表示callback (Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)type (String) (可选参数) 请求数据的类型，xml,text,json等同样是jQuery提供的一个简便函数，其实用法复制代码代码如下:$.post('regsiter.php', {id:'Robin',password: '123456',type:'user'},function(data, status) {alert(data);}, "json");事件驱动的脚本载入函数：getScript()getScript( url, [callback] )url (String) 待载入 JS 文件地址callback (Function) (可选) 成功载入后回调函数getScript()函数可以远程载入JavaScript脚本并且执行。这个函数可以跨 域载入JS文件（神奇……？！）。这个函数的意义是巨大 的，它可以很大程度的缩减页面初次载入的代码量，因为你可以根据用户的交互来载入相应的JS文件，而不必在页面初始化的时候全部载入。复制代码代码如下:$.getScript('ajaxEvent.js', function() {alert("Scripts Loaded!");//载入ajaxEvent.js，并且在成功载入后显示对话框提示。});构建数据通讯的桥梁：getJSON()getJSON(url,[data],[callback])url (String) 发送请求地址data (Map) (可选) 待发送 Key/value 参数callback (Function) (可选) 载入成功时回调函数。JSON是一种理想的数据传输格式，它能够很好的融合与JavaScript或其他宿主语 言，并且可以被JS直接使用。使用JSON相比传统的通过 GET、POST直接发送”裸体”数据，在结构上更为合理，也更为安全。至于jQuery的getJSON()函数，只是设置了JSON参数的 ajax()函数的一个简化版本。这个函数也是可以跨域使用的，相比get()、post()有一定优势。另外这个函数可以通过把请求url写 成”myurl?callback=X”这种格式，让程序执行回调函数X。复制代码代码如下:$.getJSON('feed.php',{request: images,id: 001,size: large}, function(json) {alert(json.images[0].link);//此处json就是远程传回的json对象，假设其格式如下：//{'images' : [// {link: images/001.jpg, x :100, y : 100},// {link: images/002.jpg, x : 200, y 200:}//]};});更底层的ajax()函数虽然get()和post()函数非常简洁易用，但是对于更复杂的一些设计需求还是无法实现，比如在ajax发送的不同时段做出不同的动作等。jQuery提供一个更为具体的函数：ajax()。ajax( options )ajax()提供了一大票参数，所以可以实现相当复杂的功能。参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。 type String (默认: “GET”) 请求方式 (“POST” 或 “GET”)， 默认为 “GET”。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。 timeout Number 设置请求超时时间（毫秒）。此设置将覆盖全局设置。 async Boolean (默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。 beforeSend Function 发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。function (XMLHttpRequest) { this; // the options for this ajax request } function (XMLHttpRequest) { this; // the options for this ajax request } cache Boolean (默认: true) jQuery 1.2 新功能，设置为 false 将不会从浏览器缓存中加载请求信息。 complete Function 请求完成后回调函数 (请求成功或失败时均调用)。参数： XMLHttpRequest 对象，成功信息字符串。function (XMLHttpRequest, textStatus) { this; // the options for this ajax request } function (XMLHttpRequest, textStatus) { this; // the options for this ajax request } contentType String (默认: “application/x-www-form-urlencoded”) 发送信息至服务器时内容编码类型。默认值适合大多数应用场合。 data Object,String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 ‘&foo=bar1&foo=bar2′。 dataType String 预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值:“xml”: 返回 XML 文档，可用 jQuery 处理。“html”: 返回纯文本 HTML 信息；包含 script 元素。“script”: 返回纯文本 JavaScript 代码。不会自动缓存结果。“json”: 返回 JSON 数据 。“jsonp”: JSONP 格式。使用 JSONP 形式调用函数时，如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。function (XMLHttpRequest, textStatus, errorThrown) { // 通常情况下textStatus和errorThown只有其中一个有值 this; // the options for this ajax request } function (XMLHttpRequest, textStatus, errorThrown) { // 通常情况下textStatus和errorThown只有其中一个有值 this; // the options for this ajax request } global Boolean (默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件ifModified Boolean (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。processData Boolean (默认: true) 默认情况下，发送的数据将被转换为对象(技术上讲并非字符串)以配合默认内容类型 “application/x-www-form-urlencoded”。如果要发送 DOM 树信息或其它不希望转换的信息，请设置为 false。success Function 请求成功后回调函数。这个方法有两个参数：服务器返回数据，返回状态function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc... this; // the options for this ajax request } function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc... this; // the options for this ajax request } 你可以指定xml、script、html、json作为其数据类型，可以为beforeSend、error、sucess、complete等状态设置 处理函数，众多其它参数也可以订完完全全定义用户的Ajax体验。下面的例子中，我们用ajax()来调用一个XML文档：复制代码代码如下:$.ajax({url: 'doc.xml',type: 'GET',dataType: 'xml',timeout: 1000,error: function(){alert('Error loading XML document');},success: function(xml){alert(xml);//此处xml就是XML的jQuery对象了，你可以用find()、next()或XPath等方法在里面寻找节点，和用jQuery操作HTML对象没有区别}});进一步了解AJAX事件前面讨论的一些方法都有自己的事件处理机制，从页面整体来说，都只能说是局部函数。jQuery提供了AJAX全局函数的定义，以满足特殊的需求。下面是jQuery提供的所有函数（按照触发顺序排列如下）：ajaxStart(全局事件) 开始新的Ajax请求，并且此时没有其他ajax请求正在进行beforeSend(局部事件) 当一个Ajax请求开始时触发。如果需要，你可以在这里设置XMLHttpRequest对象ajaxSend(全局事件) 请求开始前触发的全局事件success(局部事件) 请求成功时触发。即服务器没有返回错误，返回的数据也没有错误ajaxSuccess全局事件全局的请求成功error(局部事件) 仅当发生错误时触发。你无法同时执行success和error两个回调函数ajaxError全局事件全局的发生错误时触发complete(局部事件) 不管你请求成功还是失败，即便是同步请求，你都能在请求完成时触发这个事件ajaxComplete全局事件全局的请求完成时触发ajaxStop(全局事件) 当没有Ajax正在进行中的时候，触发局部事件在之前的函数中都有介绍，我们主要来看看全局事件。对某个对象进行全局事件监听，那么全局中的AJAX动作，都会对其产生影响。比如，当页面在进行AJAX操作时，ID为”loading”的DIV就显示出来：复制代码代码如下:$("#loading").ajaxStart(function(){$(this).show();});全局事件也可以帮助你编写全局的错误相应和成功相应，而不需要为每个AJAX请求独立设置。有必要指出，全局事件的参数是很有用的。除了 ajaxStart、ajaxOptions，其他事件均有event, XMLHttpRequest, ajaxOptions三个参数。第一个参数即事件本身；第二个是XHR对象；第三个是你传递的ajax参数对象。在一个对象里显示全局的AJAX情况：复制代码代码如下:$("#msg").beforeSend(function(e,xhr,o) {$(this).html("正在请求"+o.url);}).ajaxSuccess(function(e,xhr,o) {$(this).html(o.url+"请求成功");}).ajaxError(function(e,xhr,o) {$(this).html(o.url+"请求失败");});很显然，第三个参数也可以帮助你传递你在AJAX事件里加入的自定义参数。 在单个AJAX请求时，你可以将global的值设为false，以将此请求独立于AJAX的全局事件。复制代码代码如下:$.ajax({url: "request.php",global: false,// 禁用全局Ajax事件.});如果你想为全局AJAX设置参数，你会用上ajaxSetup()函数。例如，将所有AJAX请求都传递到request.php，；禁用全局方法；强制用POST方法传递：复制代码代码如下:$.ajaxSetup({url: "request.php",global: false,type: "POST"});一些你不得不知道的方法写AJAX肯定离不开从页面获取相应的值。在这里简单列举一些方法：val() val()函数可以返回表单组建的值，例如任何种类input的值。配合选择符操作，你可以轻易获取选项组、输入框、按钮等元素的值。复制代码代码如下:$("input[name='info']:text").val();//返回名字为info的文本框的值$("input[name='pass']:password").val();//返回名字为pass的密码框的值$("input[name='save']:radio").val();//返回名字为save的单选项的值//以此类推serialize()serialize函数可以帮你把表单对象的所有值都转换为字符串序列。如果你要写GET格式的请求，这个就非常方便了。serializeArray()和serialize()类似，只不过它返回的是JSON对象。jquery ajax请求的五个步骤 ajax请求的五个步骤如下步骤如下五个步骤1.创建异步对象，首先，创建一个XMLHttpRequest异步对象。2.设置请求方式和地址，然后，设置请求方式和请求地址3.用send发送请求，接着，用send发送请求。4.监听状态变化，然后，监听状态变化。5.接收返回的数据，最后，接收返回的数据1、使用ajax发送数据的步骤第一步：创建异步对象var xhr = new XMLHttpRequest();第二步：设置 请求行 open(请求方式，请求url):// get请求如果有参数就需要在url后面拼接参数，// post如果有参数，就在请求体中传递 xhr.open("get","validate.php?username="+name)xhr.open("post","validate.php");第三步：设置请求（GET方式忽略此步骤）头:setRequestHeader()// 1.get不需要设置// 2.post需要设置请求头：Content-Type:application/x-www-form-urlencodedxhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");第四步：设置请求体 send()// 1.get的参数在url拼接了，所以不需要在这个函数中设置// 2.post的参数在这个函数中设置(如果有参数)xhr.send(null) xhr.send("username="+name);第五步：让异步对象接收服务器的响应数据一个成功的响应有两个条件：xhr.onreadystatechange = function(){ if(xhr.status == 200 && xhr.readyState == 4){ console.log(xhr.responseText); }ajax-get方式请求案例：var xhr = new XMLHttpRequest(); xhr.open("get","validate.php?username="+name); xhr.send(null); xhr.onreadystatechange = function(){ if(xhr.status == 200 && xhr.readyState == 4){ console.log(xhr.responseText); document.querySelector(".showmsg").innerHTML = xhr.responseText;; } }ajax-post方式请求案例：var xhr = new XMLHttpRequest();xhr.open("post","validate.php");xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");xhr.send("username="+name);xhr.onreadystatechange = function(){// 判断服务器是否响应，判断异步对象的响应状态if(xhr.status == 200 && xhr.readyState == 4){document.querySelector(".showmsg").innerHTML = xhr.responseText;}}二、Jquery中的Ajax$.ajax({type: "get",// get或者posturl: "abc.php",// 请求的url地址data: {},//请求的参数dataType: "json",//json写了jq会帮我们转换成数组或者对象 他已经用JSON.parse弄好了timeout: 3000,//3秒后提示错误beforeSend: function () {// 发送之前就会进入这个函数// return false 这个ajax就停止了不会发 如果没有return false 就会继续},success: function (data) { // 成功拿到结果放到这个函数 data就是拿到的结果},error: function () {//失败的函数},complete: function () {//不管成功还是失败 都会进这个函数}})// 常用$.ajax({type: "get",url: "",data: {},dataType: "json",success: function (data) {}})$.ajax() 都可以发$.post(url,data,success,datatype):本质上只能发送post请求$.get(url,data,success,datatype):本质上只能发送get请求jquery中ajax提交和post提交有啥区别？？？ 一样，.post就是.ajax里的一个特例，跟.get .load一个道理 一种简写的方式 -------------------------------------------说了，.post是.ajax的简写，他只管post出去，如果想写更复杂的回调函数，推荐使用.ajax.post返回XMLHttpRequest，[callback]参数是url的html代码，类型是string的，不是json你用text的传输方式试试，如果是json的话，在提交数据之前需要把提交的数据转换成json对象的。没什么区别，区别就是土豆和马铃薯的关系我猜测。你用 alert(data).输出 ajax 获取的数据。 在$.ajax()中 可以输出数据 在$.post()中 alert 没用，什么都不输出。 如果你的$.post() 使用的是'json' 的方式。那说明你代码没问题。你在尝试下 alert(data.xxx) 就可以输出你的数据了。 在$.ajax() 中，你使用json 还必须把获得的数据 eval 下。不然获得的数据不能按照json 的样式调用。 在$.post()中。你使用json 获取数据。当然你获取数据的格式必须是json 的格式。这样你就可以直接调用json 数据。就这样 data.xxxx each(data.xxx,function(i,con){})。明白了吗？ 总的来说。$.ajax() 说是使用json 获取数据。实际上获取的是字符串,空有json的架子。使用前必须 ddd=eval(data);然后就可以 ddd.xxx 。你说麻烦不麻烦，还容易出错。 $.post() 使用json 获取数据才是真正的json 数据。我喜欢用这个PHP怎么接收jQuery的Ajax post过来的值？ 可以利用 PHP 预定义的 $_POST 变量用于获取来自 method="post" 的表单中的值 或 来自 ajax post 请求发来的值；例如下例所示：利用 ajax 进行提交：$.post(url,{name:'xxx'},callback);那么，在服务器的后台的PHP代码中，可以利用 $_POST 来获取ajax传递的值；$name = $_POST['name'];同样可以使用预定义的 $_GET 和 $_REQUEST 变量来接收传递的值；其中，$_GET 来接受 get 请求的传递值；$_REQUEST 用来接收包括 POST 、GET 的两者所有的传递值。请注意，需要对传递过来的值进行过滤，确保传递的值不会引起SQL注入或xss攻击。可以用$_POST来接收,在tp框架中也可以用I来获取.ajax发送的值都是以array的形式传递过来的,所以服务器接收到的时候也是以数组形式接收.和表单提交一样接收，$_GEG $_POST $_REQUEST ，可以不用回调函数1、首先安装配置php集成环境。以phpstudy为例。2、在www目录下新建一个html文件（new1.html），和一个php(ab.php)文件。3、html文件先引用所需的类库jquery文件，其次在body部分，以一个简单的表单提交为例。4、html的javascript-ajax部分，以上步body中的cilik事件为例。5、php文件的编写部分，主要使用$_POST来接受ajax传输的数据，并可以返回不同类型的数据。如echo结果或者json_encode转码成为json格式的数据返还给前端做处理。6、结果展示：表单中的内容在提交后，无刷新展示了出来。jQuery中ajax有哪些请求方式 这次给大家带来jQuery中ajax有哪些请求方式，使用jQuery中ajax的请求方式注意事项有哪些，下面就是实战案例，一起来看一下。AJAX 是一种与服务器交换数据的技术，可以在补充在整个页面的情况下更新网页的一部分。jQuery中ajax的4种常用请求方式：1.$.ajax()返回其创建的 XMLHttpRequest 对象。$.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。实例：保存数据到服务器，成功时显示信息。$.ajax({type: "post",dataType: "html",url: '/Resources/GetList.ashx',data: dataurl,success: function (data) {if (data != "") {$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$$")[1], buttonClickCallback: PageClick });$("#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": tuids, "tuname": tunames }, function (data) {if (data == "ok") {alert("添加成功！");}})4.通过 HTTP GET 请求载入 JSON 数据。实例：$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",function(data){$.each(data.items, function(i,item){$("").attr("src", item.media.m).appendTo("#images");if ( i == 3 ) return false;});});相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！推荐阅读：Ajax获取全国天气预报的API数据Ajax与JSON数据交互存储ajax，jquery，$.post$.get异步刷新div,局部刷新页面 借助jquery框架完成ajax是非常容易的，代码如下： $.ajax({ url:'Action',//你对数据库的操作路径 data:{//这是参数 id:1, name:'zhangsan' }, type:'post',//提交方式 // dataType:'json',//返回数据的类型 success:function(data){//后台处理数据成功后的回调函数 // alert(data); // 在这里执行对页面的数据刷新 $("div .a").html(data); }, error:function(data){//后台处理数据失败后的回调函数 // alert(data) }})这个是ajax的完整版，希望对你有帮助楼主看我的$("#_b").click(function () { $.ajax({ type: "POST", url: "youaction.action", data: "name=" + var1 + "&time=" + var2, dataType: "json", success: function(responseText) { var valA = responseText.fieldA; var valB = responseText.fieldB; $("#a").load("a.jsp"); }, error: function() { alert("Error!"); } }); });struts2配置:
你在action的class里面最后返回的时候也不需要return "success";用 public void methodA(){};最后结尾的时候这样返回数据到前台:PrintWriter w = response.getWriter(); //HttpServletResponsew.write("xxxx"); // json textw.flush();w.close();代码：$.ajax({type: "POST",url: "getPageDate.php", //调用的php文件data: "page=1",success: function(msg){ //回调函数alert( "Data Saved: " + msg ); //这里是操作$("#content").html();}});success:function(data){//后台处理数据成功后的回调函数// 在这里执行对页面的数据刷新$("div .a").html(data);}data：就是这次请求返回的a.jsp页面$("div .a")：就是页面上那个 $("div .a").html(data)：就就是将a.jsp 页面放入到 class=a 的div中！扩展资料：当使用 CSS-P 的时候， 主要把它用在 DIV（division）tag 上。当把文字，图像，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。所以把它称作“层次”。所以当看到这些名词的时候，就知道它们是指一段在 DIV 中的 HTML。使用 DIV 的方法跟使用其他 tag 的方法一样：如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和不使用是一样的。参考资料来源：百度百科-DIV 少长咸集 上一篇 数据库系统概论考研,中国人民大学信息学院考研 发表于2024-04-19 浏览12 评论0 下一篇 环境变量在哪里设置,win7更改环境变量在哪 发表于2024-04-19 浏览10 评论0 网站分类 编程语言 146620 硬件开发 79839 前沿技术 145028 资讯 76943 最近发表 2025-05-06linux怎么修改无线ip地址 2025-05-06linux的txt如何去掉回车 2025-05-06入linux命令 2025-05-06linux如何打包tar命令 2025-05-06不玩游戏可以用linux系统吗 2025-05-06linux是什么体验 2025-05-06linux怎么用源安装软件 2025-05-06linux服务的作用是什么 2025-05-06实验linux常用命令 2025-05-06linux如何用if 最新留言 © 2025 技术 Copyright Your WebSite.Some Rights Reserved.皖ICP备2023002134号 Powered By Z-Blog Theme By 吉光片羽