码迷,mamicode.com
首页 > Web开发 > 详细

AJAX--jQuery

时间:2020-05-22 21:08:41      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:ber   完成后   返回   except   url   实现   简单的   失败   end   

JQuery实现AJAX更加简洁,方便.

$.ajax([设置参数]);

String  url 、发送请求的地址,默认为当前页地址

String  type、请求方式(POST或者GET,默认为GET)

Number timeout 、设置请求超时时间

Object data 或 String data、发送到服务器的数据

String dataType、 预期服务器返回的数据类型,可用类型有:XML,HTML,Script,JSON,JSONP,Text

function beforeSend(XMLHttpRequest xhr)、发送请求前调用的函数、参数xhr,可选, XMLHttpRequest对象

function complete(XMLHttpRequest xhr,String ts)、请求完成后调用的函数(请求成功或失败时均调用)

  参数: xhr,可选, XMLHttpRequest对象, ts可选,描述请求类型的字符串

function success(Object result,String ts) 、请求成功后调用的函数

  参数result:可选,由服务器返回的数据、参数ts可选,描述请求类型的字符串

function error(XMLHttpRequest xhr,String em,Exception e) 、请求失败时调用的函数

  参数: xhr,可选, XMLHttpRequest对象,参数em可选,错误信息,参数e:可选 ,捕获的异常对象

boolean global  默认为true,表示是否触发全局的AJAX事件

GET请求
function changeBox(){ $.ajax(
"/day_12Ajax/BServlet?name=zhangsan",{ dataType:"text", type:"GET", success:function(rs){ alert(rs); } 或 $(function(){ $("#btn").click(function(){ $.ajax({ url:getPath()+"/AServlet", type:"GET", data:"name=张三", dataType:"text", success:function(data){ alert(data); } });
//post请求
$.ajax("/day_12Ajax/BServlet",{
       dateType:"text",
       type:"POST",
       data:{name:"zhangsi",age:21},
       success:function(rs){
       alert(rs);
    }
}) 

简单的请求功能取代复杂 $.ajax

//get提交
       $.get("/day_12Ajax/BServlet?name=zhanga",function(rs){
             alert(rs);
       }) 
               
//post提交
            $.post("/day_12Ajax/BServlet",{name:"lisi"},function(rs){
            alert(rs);
        }) 
//load() ,给标签中直接赋值
    $("#box").load("/day_12Ajax/BServlet",{name:"post",age:34});

 

AJAX--jQuery

标签:ber   完成后   返回   except   url   实现   简单的   失败   end   

原文地址:https://www.cnblogs.com/64Byte/p/12939519.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!