Question

我遇到了问题。我正在尝试自己做ajax，但是我从ajax调用中保存结果有问题。我希望它像jQuery那样做，或者类似。所以，我有一个名为ajax的函数，带有I参数，这个参数是一个具有以下属性的对象：method，url，async，data和success ... 当我调用ajax函数时，我没有问题，除了成功..我想它就像jQuery（不要问我为什么我不想使用jQ）。所以我想要这个

ajax({
    method: "POST",
    url: "ajax.php",
    async: false,
    data: "name=something",
    success: function(result) {
         console.log(result);
    }
});

我有一个问题是将结果保存到ajax函数定义中的参数，这里只是使用它。

这是ajax.php

<?php
  $name = "The input is: " . $_POST['name'];
  return $name;
?>

这是ajax函数的定义：

var ajax = function (arg) {
    if (typeof arg.method !== "undefined" && typeof arg.url !== "undefined" && typeof arg.async !== "undefined" 
        && typeof arg.success !== "undefined" && typeof arg.data !== "undefined") {

        var xmlhttp, i = 0,
        versions = [
            "MSXML2.XmlHttp.6.0",
            "MSXML2.XmlHttp.5.0",   
            "MSXML2.XmlHttp.4.0",  
            "MSXML2.XmlHttp.3.0",   
            "MSXML2.XmlHttp.2.0",  
            "Microsoft.XmlHttp"
        ];

        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
        } else {
            for ( ; i < versions.length; i++) {
                try {
                    xmlhttp = new ActiveXObject(versions[i]); break;
                } catch (e) { }
            }
        }

        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == XMLHttpRequest.DONE) {
                if (xmlhttp.status == 200) {
                    /* ////////////////////////////////////////////
                                  HERE I HAVE PROBLEM
                     /////////////////////////////////////////////*/

                     // this is obviously wrong (I know it is)
                     arg.success = function (something) {
                           something = xmlhttp.responseText;
                     }
                } else if (xmlhttp.status == 400) {
                    console.log("There was an error 400");
                } else {
                    console.log("UNSUCCESSFUL");
                }
            }
        }

        xmlhttp.open(arg.method, arg.url, arg.async);
        xmlhttp.send(arg.data);
        console.log("Method: " + arg.method + "\nURL: " + arg.url + "\nAsync: " + arg.async + "\nData: " + arg.data + "\n");
    }
};

如何以一种我可以在ajax函数调用中使用参数的方式保存xmlhttp.responseText到arg.success函数参数？我应该使用回调吗？

编辑：谢谢，它有效，但它只打印“输入是：”。我该如何解决？

Answer 1

您想调用该方法，而不是设置它。

arg.success(xmlhttp.responseText);

Answer 2

$dataProvider = new CActiveDataProvider("User");
$iterator = new CDataProviderIterator($dataProvider);
foreach($iterator as $user) {
   $fullAddress = $modelUser->address1 . ', ' . $modelUser->zip . ' ' . $modelUser->city . ', ' . Country::model()->findByPk($modelUser->countryCode)->countryName;
}

Answer 3

如果您有状态200 ，并且数据来自服务器。

使用回调：如果需要返回，可以使用回调。

var ajax = function (arg) {
    if (typeof arg.method !== "undefined" && typeof arg.url !== "undefined" && typeof arg.async !== "undefined" 
        && typeof arg.success !== "undefined" && typeof arg.data !== "undefined") {
        var xmlhttp, i = 0,
        versions = [
            "MSXML2.XmlHttp.6.0",
            "MSXML2.XmlHttp.5.0",   
            "MSXML2.XmlHttp.4.0",  
            "MSXML2.XmlHttp.3.0",   
            "MSXML2.XmlHttp.2.0",  
            "Microsoft.XmlHttp"
        ];

        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
        } else {
            for ( ; i < versions.length; i++) {
                try {
                    xmlhttp = new ActiveXObject(versions[i]); break;
                } catch (e) { }
            }
        }

        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == XMLHttpRequest.DONE) {
                if (xmlhttp.status == 200) {
                    var Success = function (xmlhttp.responseText);
                    alert(Success); 
                } else if (xmlhttp.status == 400) {
                    console.log("There was an error 400");
                } else {
                    console.log("UNSUCCESSFUL");
                }
            }
        }

        xmlhttp.open(arg.method, arg.url, arg.async);
        xmlhttp.send(arg.data);
        console.log("Method: " + arg.method + "\nURL: " + arg.url + "\nAsync: " + arg.async + "\nData: " + arg.data + "\n");
    }
};

function Success(e)
{
alert(e);
retrun e;
}

WithOut Callback ：您无需返回任何数据

var ajax = function (arg) {
if (typeof arg.method !== "undefined" && typeof arg.url !== "undefined" && typeof arg.async !== "undefined" 
    && typeof arg.success !== "undefined" && typeof arg.data !== "undefined") {
    var xmlhttp, i = 0,
    versions = [
        "MSXML2.XmlHttp.6.0",
        "MSXML2.XmlHttp.5.0",   
        "MSXML2.XmlHttp.4.0",  
        "MSXML2.XmlHttp.3.0",   
        "MSXML2.XmlHttp.2.0",  
        "Microsoft.XmlHttp"
    ];

    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        for ( ; i < versions.length; i++) {
            try {
                xmlhttp = new ActiveXObject(versions[i]); break;
            } catch (e) { }
        }
    }

    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == XMLHttpRequest.DONE) {
            if (xmlhttp.status == 200) {
                alert(xmlhttp.responseText);

            } else if (xmlhttp.status == 400) {
                console.log("There was an error 400");
            } else {
                console.log("UNSUCCESSFUL");
            }
        }
    }

    xmlhttp.open(arg.method, arg.url, arg.async);
    xmlhttp.send(arg.data);
    console.log("Method: " + arg.method + "\nURL: " + arg.url + "\nAsync: " + arg.async + "\nData: " + arg.data + "\n");
}
};

JavaScript Ajax保存结果

3 个答案: