외부 파일의 Ajax 함수

아약스 호출이 있습니다. 이 스크립트는 스크립트로로드 될 양식과 함께 하나의 파일에 넣으면 잘 작동합니다.외부 파일의 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'); 
      } 
     }); 
    }); 
});

그러나 외부 파일에 넣으려고해도 아무 것도주지 않습니다.

이 아약스의 스크립트는 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; 
     } 
    }); 
}

하십시오, 도움을.

출처

2014-12-14 Al Kasih

당신이 외부 파일을로드하는 방법? – sarbbottam

@sarbbottam 양식을 포함하고있는 파일의 머리 부분에 스크립트''을 넣습니다. 여기서 스크립트는 ajax 스크립트. –

스크립트를로드 할 때 오류가 발생하면 JavaScript 콘솔을 확인할 수 있습니까? – sarbbottam

아니라 코드를 작품에 따라 :

<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>

출처

2014-12-14 19:37:07

독일어 설명 죄송합니다. 나는 그들을 삭제하거나 번역하는 것을 잊었지만 당신이 코드를 따라갈 수 있다고 생각한다. –

내가 필요로하는 것과 다르기 때문에 코드의 단계별로 설명 할 수 있겠는가? 덕분에 –

search.php에서 처리되는 데이터베이스 쿼리입니다. var url은 xmlhttp-object가 생성 될 때 사용됩니다. 키보드의 각 입력은 search.php에 대한 요청을 시작합니다. search.php를 selectReferenceOrder.php로 대체 할 수 있어야하며 업로드 버튼을 사용하면됩니다. –

외부 파일의 Ajax 함수

답변

관련 문제