梳理知识方法的时候, 笔者还是有数的, 就不闲扯了.
一, 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 的方式
三, 贴出代码:
- charset="UTF-8">
- type="text/javascript" src="js/jquery.js">
> 浅析 Ajax 的使用
onclick="load_other_html()"> 点我加载
- id="20180825">
- 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 中, 简单定义一下:
charset="UTF-8">
来源: http://www.bubuko.com/infodetail-2742580.html