这篇文章主要介绍“jquery中ajax常用的方法是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jquery中ajax常用的方法是什么”文章能帮助大家解决问题。
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
});
});
});
关于“jquery中ajax常用的方法是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。