$.ajax()实现异步数据传输

原理:

$.ajax()是jQuery中最底层的方法,但同时又是功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能像服务器发送请求并传递数值,参数以key/value形式存在调用格式为:

jQuery.ajax([settings])或者$.ajax([settings]);

  参数settings为发送Ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。

转化为如下表格便于观察:

常用参数解释
参数名称 类型 说明解释参数
url String (默认为当前页地址)  发送请求的地址
type String 请求方式,默认为get,注意其它HTTP请求方法
data Object或者String

发送到服务器的数据,如果不是字符串,将自动转化为字符串格式。GET请求中附加在url后。对象必须为key/value格式

dataType String

预期服务器返回的类型。如果不指定,jQuery将自动根据HTTP包MIME信息返回responseXML或responseText,并作为回调函数参数传递,可用的类型为:xml、html、script、json、jsonp、jQuery、text。

下边是我的代码以及效果图

$.ajax()实现异步数据传输_第1张图片

$.ajax()实现异步数据传输_第2张图片

以下为代码,注意:各个语句的解释已在编译器中写好

$.ajax()实现异步数据传输_第3张图片

$.ajax()实现异步数据传输_第4张图片


注意:在写一个txt文件时,里边的标签仍然对文字有用,例如:修饰的“你写的不错,全都是正能量的东西”字体加粗了 !                                                                                                                                                                           

你可能感兴趣的:($.ajax()实现异步数据传输)