JavaScript 调用PHP

JS中同步调用PHP函数

1、在JS中创建一个函数，该函数可以发送Http请求到服务端，并受到返回消息，可以使用get或者是post

function HttpGet(theUrl) {
    var xmlHttp = null;
    xmlHttp = new XMLHttpRequest();
    xmlHttp.open("get", theUrl, false);
    xmlHttp.send(null);
    return xmlHttp.responseText;
}
function HttpPost(theUrl) {
    var xmlHttp = null;
    xmlHttp = new XMLHttpRequest();
    xmlHttp.open("post", theUrl, false);
    xmlHttp.send(null);
    return xmlHttp.responseText;
}

2、在JS函数中调用PHP

php文件

<?php
$action = $_GET["action"];
switch ($action) {
    case "Test": //
        sleep(3);//等待时间，测试异步还是同步
        echo "调用成功";
        break;
?>

 调用函数

function Test()
{
    var response = HttpGet("php.php?action=Test");
    alert(response);
    alert("123456");
    return;
}

该函数先弹出“调用成功”再弹出”123456“

JS中使用Ajax调用Php

function AjaxHttp(theUrl) {
    $.ajax({
        type: 'post',
        url: theUrl,
        success: function (response) {
            alert(response);
            return response;
        },
    });
}

使用Ajax进行调用，由于Ajax使用异步调用，所以要在调用后得到结果在进行处理必须要在Ajax中进行处理