jQuery ajax 框架
1,load()方法
作用:用于载入远程的HTML代码并插入至DOM中
实例:
$("#hello").load("text.html");
2,get方法
get()方法通过http get请求从服务器上请求数据
语法:$.get(URL,data,callback)
其中:url(String) 请求的html页的URL地址
data:传递的数据
callback(data,status):请求完成时的回调函数,data指从服务器响应的地址,status
指服务器请求的响应状态
3,post方法
post()方法从服务器上的一个文件中取回数据
其语法跟get类似
4,serizlize方法
作用:用于将表单中的元素名称和值转换成URL参数格式,
语法: $().serizlize()
实例:$("#form1").serizlize();
表示把表单名称为form1的元素名称和值序列化
5,ajax()方法
其中常见参数:
url---- 发送请求的地址
type----请求方式:get 和post
timeout---设置请求超时时间
async----默认为true表示为异步请求,若为false则为同步请求
beforeSend---发送请求前触发该事件
cache-----默认为true若为false将不会从浏览器缓存中加载请求信息
complete---请求结束后触发该事件
contentType----发送信息至服务器时内容编码的类型
data----发送到服务器的数据
dataType---预期服务器返回的数据类型
error-----请求失败时调用该方法
global---设置为false将不会触发全局ajax事件
ifModified---仅在服务器数据改变时获取新数据
processData---发送的数据将被转换为对象
success-----请求成功后回调函数
实例:
$(document).ready(function(){
$("input[type=button]").click(function(){//执行完html时加载
$.ajax({ //调用ajax方法
type:"post",
data:{username:$("#username").val(),password:$("#password").val()},
url:"Login",
async:true,
success:suc,
error:err
});
});
});
點(diǎn)擊查看更多內(nèi)容
10人點(diǎn)贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦