Django学习笔记-jQuery对AJAX的支持

jQuery对AJAX的支持

• 1、get()方法
• 2、post()方法
• 3、load()方法
• 示例1:发get请求, 加载整个页面
• 示例2: 加载指定元素

• 示例:

1、get()方法

作用:通过get方式异步的向远程地址发送请求语法:$.get(url, data, callback, type)url: 请求地址data: 传递给服务器端的参数字符串和js对象都可以callback: 响应成功后的回调函数function(data){data是一个对象, 会自动转换成指定对象}type: 响应的数据格式(用于返回的数据自动转换成某种格式)取值：html、text、script、json

2、post()方法

作用:通过post方式异步的向远程地址发送请求语法:$.get(url, data, callback, type)url: 请求地址data: 传递给服务器端的参数字符串和js对象都可以callback: 响应成功后的回调函数function(data){data是一个对象, 会自动转换成指定对象}type: 响应的数据格式(用于返回的数据自动转换成某种格式)取值：html、text、script、json

3、load()方法

作用:载入远程的HTML文件到指定的文件中, 将某些页面的某个部分直接获取进来语法:$obj.load(url, data, callback)$obj: 显示响应内容的jq元素url: 请求地址data: 请求参数方式1:字符串传参\"key1=value1&key2=value2\"此方式传参, 将使用 get 方式发送请求方式2：JS对象传参{\"username\": \"hhh\"}此方式传参, 将使用 post 方式发送请求callback:响应成功后的回调函数

示例1:发get请求, 加载整个页面

$(\'#show\').load(\'/user\', \"username=han&password=123456\", function(){alert(\"加载成功\");})

示例2: 加载指定元素

// btn2为 要load页面的jq匹配的元素$(\'#show\').load(\'/user #btn2\')

4、ajax()方法

$.ajax()参数:1、url: 字符串, 异步请求的地址2、type: 字符串, 请求方式 get或 post3、data: 传递给服务端的参数4、dataTypr: 字符串， 响应数据的格式html、xml text script json jsonp5、async: 是否用异步(默认使用异步)5、success: 回调函数, 请求和响应成功时回来执行的操作6、error: 回调函数, 请求或响应失败时回来执行的操作7、baforeSend: 回调函数, 发送ajax之前执行的操作, 如果 return false,则终止请求

示例:

$.ajax({url: \'/user/ajax\',type: \'get\',dataType: \'json\',success: function(data){# 响应成功后执行该函数, data时响应回来的数据},})