ajax中加html,Ajax中的load()方法实现指定区域加载或刷新html与jsp

梳理知识方法的时候，笔者还是有数的，就不闲扯了。

一、Jquery中的Ajax

Jquery对Ajax操作进行了封装，在Jquery中:

最底层的是$.ajsx(),

第二层是load()、$.get()、$.post()

第三层是$.getJSON()

二、load()方法(能载入远程html、jsp代码，插入到DOM中)

load()方法是Jquery中最简单和常用的Ajax方法，能载入远程的html。

它的结构：

load(url,data,callback);

url:请求html、jsp页面的url-String

data(可选):发送到服务器的key/value数据-Objext

callback(可选):请求完成是的回调函数，无论请求成功或失败-function。

它的传递参数比较智能了：无发送服务器的参数，采用Get方式，否则是post的方式

三、贴出代码：

浅析Ajax的使用

点我加载

function load_other_html(){

//使用load，加载远程html代码至div中

$("#20180825").load("20180825.html",function(data, textStatus,xmlRequest){

/*function里面包含三个参数:

* 1、返回请求的内容data

* 2、请求返回的状态：是否成功：success、error、notmodify、timeout

* 3、Xml请求对象

*/

})

}

在20180825.html中，简单定义一下：

大家好，我是20180825.html页面