Javascript 外部文件中的Ajax函数_Javascript_Php_Jquery_Ajax

Javascript 外部文件中的Ajax函数

javascript php jquery ajax

Javascript 外部文件中的Ajax函数,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一个ajax电话。当我将脚本与将要加载的表单放在一个文件中时，该脚本工作正常 $(document).ready(function () { $("#uploadbutton").click(function () { var referenceNumber = document.getElementById('referenceNumber').value; $.ajax({ type: "POST",

我有一个ajax电话。当我将脚本与将要加载的表单放在一个文件中时，该脚本工作正常

$(document).ready(function () {
    $("#uploadbutton").click(function () {
        var referenceNumber = document.getElementById('referenceNumber').value;
        $.ajax({
            type: "POST",
            url: "selectReferenceOrder.php",
            data: 'referenceNumber='+referenceNumber,
            cache: false,
            //data: $('form').serialize(),
            success:function(html)
            {
                document.getElementById('outputReference').innerHTML = html;
                alert('referenceNumber');
            }
        });
    });
});

但是，当我尝试将其放入外部文件时，它不会给我任何信息

此ajax的脚本的功能是将表单发布到php文件中的脚本

Reference: <input type="text" id="referenceNumber" /> 
<input type="button" id="uploadbutton" value="SEARCH"/>

我尝试了很多方法，但仍然不起作用：

<input type="submit" value="SEARCH" onclick="collectActed()" />

function collectActed () {
    var referenceNumber = document.getElementById('referenceNumber').value;
    $.ajax({
        type: "POST",
        url: "selectReferenceOrder.php",
        data: 'referenceNumber='+referenceNumber,
        cache: false,
        success:function(html) {
            document.getElementById('outputReference').innerHTML = html;
        }
    });
}

请提供帮助。

以下代码运行良好：

<html>
<head>
        <title>Ajax Search</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script type="text/javascript">
            function searchFor(suchbegriff) {
                var xmlHttp = null;
                // Mozilla, Opera, Safari sowie Internet Explorer 7
                if (typeof XMLHttpRequest != 'undefined') {
                    xmlHttp = new XMLHttpRequest();
                }
                if (!xmlHttp) {
                    // Internet Explorer 6 und älter
                    try {
                        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch (e) {
                        try {
                            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (e) {
                            xmlHttp = null;
                        }
                    }
                }
                // If object has been created       
                if (xmlHttp) {
                    var url = "search.php";
                    var params = "search=" + search;

                    xmlHttp.open("POST", url, true);

                    //Headerinformatio for POST request
                    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xmlHttp.setRequestHeader("Content-length", params.length);
                    xmlHttp.setRequestHeader("Connection", "close");

                    xmlHttp.onreadystatechange = function () {
                        if (xmlHttp.readyState == 4) {
                            // Zurückgeliefertes Ergebnis wird in den DIV "ergebnis" geschrieben
                            document.getElementById("result").innerHTML = xmlHttp.responseText;
                        }
                    };
                    xmlHttp.send(params);
                }
            }
        </script>
        <script>
$(document).ready(function(){
  $("input").click(function(){
    $("div").load("search.php");
  });
});
</script>
    </head>
    <body>
        <input type="text" onkeyup="searchFor(this.value);"/>
        <div id="search"></div>
    </body>
</html>

如何加载外部文件？@sarbbottam我将脚本放在包含表单的文件的头部，其中是ajax脚本。能否检查JavaScript控制台，加载脚本时是否有任何错误？我已经检查过了，它没有显示javascript的任何内容或错误。是否有任何链接可以让我查看它？对于德国的评论很抱歉。我忘了删除或翻译它们，但我想你可以按照代码一步一步地解释，因为它看起来与我需要的不同。thanksIn the search.php是已处理的数据库查询。创建xmlhttp对象时使用var url。每次在键盘上键入都会触发对search.php的请求。应该可以用selectReferenceOrder.php替换search.php，也可以用upload按钮替换search.php