0

私はhtmlフォーム、php scrip、jqueryを持っています。PHPスクリプトから自動提案を行うにはajaxコードが必要です。以下はコードです...

Form.html 

  <html>
    <head>
      <script src="jquery1.6.4.min.js" type="text/javascript"></script>  
      <script src="jquery.jSuggest.js" type="text/javascript"></script>  
      <link href="jSuggest.css" rel="stylesheet" type="text/css" />  
     </head>  
     <body>  
       <form id="form1" name="form1" method="post" action="#">  
          <input type="text" name="TagsInputField" id="TagsInputField"/>  
        </form>  
      </body>  
  </html>

TEST.php 

  <?php 
      include("bc/script/core/dbcon.php");  
      $input = $_POST['TagsInputField'];  
      $data = array();  
      // query your DataBase here looking for a match to $input  
      $query = mysql_query("SELECT * FROM user WHERE username LIKE '%$input%'");  
      while ($row = mysql_fetch_assoc($query)) {  
        $json = array();  
        $json['value'] = $row['id'];  
        $json['name'] = $row['username'];  
        $data[] = $json;  
      }  
      header("Content-type: application/json");  
      echo json_encode($data);  
   ?>

jquery.jSuggest.js

 $(function() {
    var dataSource = {
        items: [
            {
            value: "21",
            name: "Mick Jagger"},
        {
            value: "43",
            name: "Johnny Storm"},
        {
            value: "46",
            name: "Richard Hatch"},
        {
            value: "54",
            name: "Kelly Slater"},
        {
            value: "79",
            name: "Michael Jordan"}
        ]

    };

    $('#TagsInputField').jSuggest({
        source: dataSource.items,
        selectedItemProp: "name",
        seekVal: "name",
        selectionAdded: function(elem, data) {
            console.log(data.name);
        },
        selectionRemoved: function(elem, data) {
            console.log(data.name);
            elem.remove();
        }
    });
});

提案を読むためにオブジェクト「dataSource.items」を参照しているポインタ「source」に注意してください。jsonを返すphpファイルからの提案を読み取るためのajaxコードを書くのを手伝ってくれる人はいますか？

4

1 に答える 1

1

jSuggestはデフォルトでGETリクエストを行います。追加する必要があります：

type: "POST"

ルールで。

jSuggestルールには他にもいくつかの大きなエラーがあります。ドキュメントを読む必要があります：http ：//scottreeddesign.com/project/jsuggest

于 2012-05-09T16:35:07.920 に答える