.JQuery中的Ajax

1.load()方法

（1）load()方法是jquery中最为简单和常用的ajax方法，能远程载入html代码并插入DOM中，它的结构为：

load(url[,data] [,callback])

laod()方法的参数解释

参数名称	类型	说明
url	Sting	请求html页面的URL地址
data[可选]	Object	发至服务器的key/value数据
callback[可选]	Function	请求完成是的回调函数，无论请求成功或失败

（2）筛选载入的html文档

load()方法的URL参数的语法结构为：“url selector”,注意：url和选择器之间有空格。

例如：

$("#restext").load("test.html .para");

（3）传递方式

load（）方法的传递方式是根据参数data来自动指定。如没有参数传递，则采用GET方法传递，反之，则自动转换为POST方式。

//无参数出传递，则是GET方式

$("#resText").load("test.php",function(responseText,textStatus,XMLHttpRequest){

//回调函数，必须在加载完成才能继续操作

alert(responseText);//请求返回的内容

alert(textStatus);//请求的状态：success,error,notmodified,timeout4种

alert(XMLHttpRequest);//XMLHttpRequest对象

})

//则有参数出传递，则是post方式

$("#resText").load("test.php",{name:"rain",age:"22"},function(responseText,textStatus,XMLHttpRequest){

//回调函数，必须在加载完成才能继续操作

})

2.$.get()方法和$.post()方法

load()方法通常用来从WEB服务器上获取获取静态的数据文件，然而这并不能体现AJAX的全部价值。在项目中，如果需要传递一些参数给服务器的页面，那么可以使用$.get()或者$.post()方法或$.ajax()方法。

（1）$.get()方法是jquery中最为简单和常用的ajax方法，能远程载入html代码并插入DOM中，它的结构为：

$.get(url[,data] [,callback] [,type])

$.get()方法的参数解释

参数名称	类型	说明
url	Sting	请求html页面的URL地址
data[可选]	Object	发送至服务器的key/value数据会作为JqueryYString附加到请求URL中
callback[可选]	Function	请求成功时回调函数（只有当党Response的返回状态是success才调用该方法）自动将请求结果和状态传递给该方法
type[可选]	String	服务器端返回的内容格式，包括xml,html,script,json,text和_default

（2）使用参数

首先，需要确认请求页面的URL地址，代码如下

$("#resText").click(function(){

$.get("get.php" ,{参数},callback)

})

然后，在提交之前，需要获取“姓名”和“内容”的值作为data参数传递给后台。

代码如下

$("#resText").click(function(){

$.get("get.php" ,{

　　username:$("#username").val();

　　content:$("#content").val();

},function(data,textStatus){//只有当党Response的返回状态是success才调用该方法

//data //请求返回的内容,可以是xml文档，json文件，html片段等

//textStatus //请求的状态：success,error,notmodified,timeout4种

})

转载于:https://www.cnblogs.com/linjing-blog/p/6727225.html

.JQuery中的Ajax相关推荐

关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题...
前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...
jQuery中终止Ajax请求
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
Jquery中使用ajax请求SSM后台时提示：org.springframework.http.converter.HttpMessageNotReadableException: Could no
场景 Jquery中使用ajax向SSM后台请求数据时提示: org.springframework.http.converter.HttpMessageNotReadableException: C ...
jQuery系列（十四）：jQuery中的ajax
1.什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在 ...
用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
六、jQuery 中的 AJAX 跨域问题
第 2 章:jQuery 中的 AJAX 官方中文文档:https://jquery.cuishifeng.cn/jQuery.Ajax.html 2.1 get 请求 $.get(url, [dat ...
ajax post 没有返回_Ajax异步技术之三：jQuery中的ajax学习
jQuery中的Ajax学习: jQuery是js的一个轻量型框架,已经将js创建的操作进行了封装,而ajax也是js的一部分,所以jQuery也已经将ajax进行了封装. 封装: $.get(url ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
JQuery中使用Ajax赋值给全局变量失败异常的解决方法，jqueryajax
我们在用JQuery的Ajax从后台提取数据后想把它赋值给全局变量,但是却怎么都赋不进,为什么呢? 原因其实很简单,我们用的Ajax是异步操作,也就是说在你赋值的时候数据还没提取出来,你当然赋不进去, ...

.JQuery中的Ajax

.JQuery中的Ajax相关推荐

最新文章

热门文章