AJAX--jQuery

Posted 64Byte

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AJAX--jQuery相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

关键词搜索&分页功能的前端代码(ajax + jQuery)

使用 ajax、jquery 和 PHP 从数据库更新图像不起作用

使用 JSON 数据的 Ajax / Jquery 自动完成

Laravel - 如何通过 AJAX (jQuery) 调用控制器函数

Ajax——jQuery实现

将 AJAX/jQuery 添加到简单的 PHP 表单