jQuery

JQuery AJAX

异步访问

PHP 代码

if(isset($_GET['name'])){
    echo "hello:".$_GET['name'];
}else{
    echo "Args Error";
}

html 代码

<script>
$(document).ready(function () {
    $("#btn").on("click",function () {
        /*发送请求*/
        $("#result").text("请求数据中，请稍候...");
        $.get("Server.php",{name:$("#namevalue").val()},function (data) {
            $("#result").text(data);
        }).error(function(){
            $("#result").text("有问题");
        });
    })
});
</script>
<input type="text" id="namevalue"/>
<br/>
<button id="btn">Send</button>
结果:<span id="result"></span>

加载碎片

.load(url[,data][,complete])

$(document).ready(function () {
    $("body").text("wait...");
    $("body").load("sp.htm",function (a,status,c) {
        console.log(status);
        if(status=="error"){
            $("body").text("加载失败");
        }
    });
    $.getScript("xxx.js").complete(function () {
        //可调用xxx.js里面的函数
    });
});