jq中使用ajax

118 阅读1分钟
    <script src="./jquery-1.12.4.js"></script>
    <script>
        $('button').click(function(){
            // $.ajax({
            //     /* 异步 默认为true  */
            //     /* false表示同步 改同步渲染页面会出现白屏现象*/
            //     async:true,
            //     /* 是否设置浏览器的缓存功能 true 设置缓存
            //     false不设置缓存 每次请求都是新的请求 */
            //     cache:true,
            //     /* 请求的接口 */
            //     // url:"http://timemeetyou.com:8889/api/private/v1/login",
            //     url:"./123.txt",
            //     /* 请求的方式 post有加密功能 */
            //     // method:"post",
            //     method:"get",
            //     /* 发送到服务器的数据 */
            //     // data:{
            //     //     username:'admin',
            //     //     password:'123456'
            //     // },
            //     /* 预期服务器返回的数据类型 json jsonp*/
            //     dataType:'json',
            //     /* 在一个 jsonp 请求中重写回调函数的名字 */
            //     /* 这里fn需要和后台的代码对应 */
            //     jsonp:"fn",
            //     /* 为 jsonp 请求指定一个回调函数名 */
            //     /*  callbackFn 是前端配置的 */
            //     jsonpCallback:"callbackFn",
            //     /* 请求成功之后 执行的回调函数 */
            //     // success:function(res){
            //     //     /* success后面的方法里面的形参res表示后台返回的数据 */
            //     //     console.log( res );
            //     // },
            //     /* 请求失败时调用此函数 */
            //     error:function(err){
            //         console.log(err)
            //     }
            // })
           
        })
        // function callbackFn(res){
        //     console.log(res)
        // }

        /* 
        
        参数	类型	描述
options	Object	可选,AJAX 请求设置,所有选项都是可选的
async	Boolean	默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false
cache	Boolean	默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面
data	String	发送到服务器的数据
dataType	String	预期服务器返回的数据类型
error	Function	请求失败时调用此函数
success	Function	请求成功后的回调函数
jsonp	String	在一个 jsonp 请求中重写回调函数的名字
jsonpCallback	String	为 jsonp 请求指定一个回调函数名
         */
    </script>