热门关键字:
jquery > jquery教程 > jquery教程 > jquery中ajax常用的方法,jQuery ajax框架常用方法总结

jquery中ajax常用的方法,jQuery ajax框架常用方法总结

391
作者:管理员
发布时间:2021/8/27 18:17:48
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=5347
  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
友荐云推荐