2

私は2つのファイルを持っています。1つは、入力からデータをロードし、ajaxを使用して別のphpファイルに送信し、html5ページのdivにphp応答を表示するスクリプトを持つhtml5です。私はEclipseブラウザを使用していますが、Chromeコンソールで自分のページを確認すると問題が発生し、次の行に問題があることがわかりました:

xhr.send( ( s.hasContent && s.data ) || null );

これは私のhtmlファイルです:

<!DOCTYPE html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="jquery.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
(function ($) {
    // used to keep a reference to the ajax request object
    var searchQuery = false;

    var showUser = function (str) {
        if (searchQuery != false) // if there is a pending request, cancel it
            searchQuery.abort();

        var searchTerm = $('#matr').val();
       //  if (str.trim().length < 1)
       if (searchTerm.trim().length < 1 ){
           $("#txtHint").html('');
            return;
        } 

        // clean up the old accordion
        if ($("#accordion").length > 0)
            $("#accordion").accordion('destroy');
        $("#txtHint").html('searching...');

        searchQuery = $.ajax({
            'url':'http://IP/filename/accueil.php?q='+searchTerm,
            'success':function (response) {
                searchQuery = false;
                $('#txtHint').html(response);
                $('#accordion').accordion();
            },
            'error': function () {
                searchQuery = false;
                $('#txtHint').html('Sorry, there was an error');
            }
        });
    };

    // add the change event to the text field, once the page loads
    $(document).ready(function () {
        $('#matr').change(showUser);
    });
})(jQuery);
</script>    
</head>
<body>     
 <center> 
 <form name="data" >
   <label>Enter the data :</label>
<input type="text"  id="matr"  >
</form></center>
<br>
<center>   
<div id="txtHint"><b>Clique here to show data</b></div></center>
  </div>
</body>
</html>

phpファイルには、SQLデータベースへの接続のみがあり、次のとおりです。

$q =$_GET['q'];

値を収集して div に表示します。

しかし、実行すると、jquery.js ファイルにエラーが表示されます: xhr.send( ( s.hasContent && s.data ) || null );

心当たりがあればお願いします

4

0 に答える 0