夺命雷公狗jquery---52--jQuery里的ajax的底层实现GET请求 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery.js"></script>
        <script>
            $(function(){
                $('#btnok').bind('click',function(){
                    //发送ajax请求
                    $.ajax({
                        type:'get',
                        url:'ajax1.php',
                        cache:false,
                        success:function(msg){
                            alert(msg);
                        }
                    });
                });
            });
        </script>
    </head>
    <body>
        <input type="button" id="btnok" value="OK" />
    </body>
</html>

 

php的示例代码如下：

 

<?php
    echo "hello jQ";

 

 

 

 

 

 

jQuery中的Ajax

 

1、jQuery中的Ajax分类

① Ajax的底层实现 ② Ajax的高级实现

 

2、Ajax的底层实现

jQuery.ajax(options)或$.ajax(options)

参数说明：

options：要求参数是一个json对象，内容如下：

async ：是否异步，默认为true

cache ：是否缓存，默认为true

complete ：当Ajax状态码为4时，所触发的回调函数

contentType ：设置请求头

data ：发送Ajax请求时，所传递的参数，要求是一个字符串

dataType ：期待的返回值类型，text,xml,json,jsonp，默认为text

success ：当Ajax状态码为4且响应状态码为200时，所触发的回调函数

type ：模拟http请求中的get或post方法

url ：请求的url地址

posted @ 2015-10-30 05:55  夺命雷公狗  阅读(177)  评论(0)  编辑  收藏  举报