Question

im编程单页应用程序。现在我正在努力与Ajax。我有两个文件， bhart.js和RespSelArt.php

但是我的Ajax Call不想工作。我在这一点上，我只想显示“工作”。现在这里是我的代码中的两个片段：

bhart.js

    AjaxArtSel = function () {
    alert("2");

    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {

            document.getElementById("#bhart-SelArt").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","AjaxText.php?art=2",true);
    xmlhttp.send();     
}

和AjaxText.php

在这个非常简单的测试之前，我尝试了jquery

bhart.js

$.ajax({
    type: "GET",
    url: "AjaxText.php",
    data: "art="+document.getElementById("txtSearchInput").value,
    success: function(data){
        alert(data);
    }
});

但似乎没有任何效果。我使用jquery 1.11.1分钟，网络服务器是一个IIS8，我测试了如果php文件被正确解释，他们这样做。我试图将$ .ajax更改为$ .get，我试图将其更改为$ .post但没有任何作用。我给$ .ajax函数一个数据类型没有变化。我不明白为什么它不起作用:(

Answer 1

您可能遇到很多问题：

PHP无法正确地在您的IIS上运行
txtSearchInput不存在因此失败
AjaxText.php不返回任何值或不存在

检查此代码，进行测试并完美运行：

AjaxTest.php

<?php
echo "it's alive!";
?>

和index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
    $.ajax({
        type: "GET",
        url: "AjaxText.php",
        success: function(data){
            alert(data);
        }
    });
});

</script>
<head>

<title>Simple Ajax Test</title>

</head>

<body>

</body>

</html>

JS PHP Ajax调用不起作用

1 个答案: