AJAX(二)jquery ajax

来源：互联网发布：河南比尔软件科技编辑：程序博客网时间：2024/06/14 17:49

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互这里使用的是jQuery的ajax方法

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" id="results"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <script src="jquery-1.11.0.min.js"></script>    <script>        $.ajax({            url: "xxx.ashx",//请求地址            data: {"name":"name","age":1},//设置参数            type: "POST",//定义请求模式,分为post跟get            //dataType: "json",//预期判断服务器返回的数据类型,如果不设置，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断            async: true,//true为异步加载数据，flase为同步加载数据发送请求时会自动锁住浏览器            cache: false,//false为不缓存；true为缓存            error: function (error) {//请求报错                //error.state返回的是请求状态                //error.statusText返回ok和Not Found                //error.responseText返回请求的数据，如果请求失败返回一个错误页面          },            success: function (msg) {//请求成功返回                document.write(msg);                       },            complete: function (error) {// 当请求完成之后调用这个函数，无论成功或失败               //error.state返回的是请求状态                //error.statusText返回ok和Not Found                //error.responseText返回请求的数据，如果请求失败返回一个错误页面            }        });    </script></head><body ></body></html>

jquery 里面ajax的属性比较有用的属性：

   dataType: "json",//预期判断服务器返回的数据类型,如果不设置，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断

timeout：设置请求超时时间（毫秒）。此设置将覆盖全局设置。

使用ajax加载并执行一个 JS 文件。

$.ajax({  type: "GET",  url: "test.js",  dataType: "script"});

0 0