[ 前端 ] JavaScript入门之 Ajax 请求篇（php）

ajax在前端最常用到就是传值了，慢慢更新。

一、Ajax 无参数请求数据：

JS部分：

function dataRequest(){
    $.ajax({
        type: "POST",
        url: "yourDataSend.php",
        success: function(data){
            var jsonData = JSON.parse(data);
            console.log(jsonData);
            if(jsonData.status == "OK"){
                //write your code here
            }
            else{
                alert("数据库链接失败！");
            }
        },
        error: function(){
            alert("数据请求失败！");
        }
    });
}

二、Ajax 含参数请求数据，同上，只是有参无参的差别而已

JS部分：

function dataRequest(param){
    $.ajax({
        type: "POST",
        url: "yourDataSend.php?param=" + param,
        success: function(data){
            var jsonData = JSON.parse(data);
            console.log(jsonData);
            if(jsonData[0].status == "OK"){
                //your code
            }
            else{
                alert("数据库链接失败！");
            }
        },
        error: function(){
            alert("数据请求失败！");
        }
    });
}

三、Ajax 模拟表单提交数据

JS部分