Jquery——Ajax

一、load方法

.load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] ) 返回: Jquery

载入远程 HTML 文件代码并插入至 DOM 中。

<html>
    <head>
        <title>练习用</title>
        <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
        <script>
    window.onload = init;
    function init() {
        $("#btn").click(function() {
            $("#divselect").load("example.html");
        });

    }
</script>
    </head>
    <body>
        <input type="button" id="btn" value="点击" />
        <div id="divselect">
            <select></select>
        </div>
    </body>
</html>

传递方式：

load()传递的方式是跟date有关系的，如果load中的参数date为空，那么则用get传递，如果有date那么则用post传递。

回调参数：

load()方法提供了回调函数，该函数有三个参数，分别代表请求返回的内容、请求状态和XMLHttpRequest对象。

二、$.get()与$.post()方法。

load()方法通常用来从web服务器中获取静态数据文件的，然而这并不是ajax的全部价值所在，如果在项目中需要传递一些参数给服务器中的页面，那么可以使用$.get()或者$.post(),或者是$.ajax()方法。

jQuery.get( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] ) 返回: jqXHR

描述: 通过服务器HTTP GET请求加载数据。

jQuery.get( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] )

url一个包含发送请求的URL字符串

data向服务器发送请求的Key/value参数

success(data, textStatus, jqXHR)当请求成功后执行的回调函数。

dataType从服务器返回的预期的数据类型。默认：智能猜测（xml, json, script, or html）。

posted on 2011-07-31 21:17  帘  阅读(253)  评论(0)  编辑  收藏  举报

导航