2

私は自分の人生でそれを理解することができないので、ここでお尻を蹴っています. jQuery の AJAX メソッドの経験がないため... AJAX 呼び出しを適切に実装する方法を学び、理解するために文字通り 5 日間を費やしましたが、役に立つことを知るために...基本的なことを学びましたが、必要なことは学びませんでした。以下のコードを実行します。

繰り返しますが、jQueryを使用してこの標準リクエストをAJAXに変換する方法を考えています...

ここに私のフォームとPHPがあります

HTML:

<form action="categories.php?action=newCategory" method="post">
  <input name="category" type="text" />
  <input name="submit" type="submit" value="Add Categories"/>
</form>

PHP:

<?php
if (isset($_POST['submit'])) {
  if (!empty($_POST['category'])) {
    if ($_GET['action'] == 'newCategory') {
      $categories = $_POST['category'];
      $query = "SELECT * FROM categories WHERE category ='$categories' ";
      $result = mysql_query($query) or die(mysql_error());
      if (mysql_num_rows($result)) {
        echo '<script>alert("The Following Catergories Already Exist: ' . $categories . '")</script>';
      } else {
    // Simply cleans any spaces
        $clean = str_replace(' ', '', $categories);
    // Makes it possible to add multiple categories delimited by a comma
        $array = explode(",", $clean);
        foreach ($array as &$newCategory) {
          mysql_query("INSERT INTO categories (category) VALUES ('$newCategory')");
        }
        echo "<script>alert('The following Categories have been added successfully: " . $categories . "')</script>";
      }
    }
  } else {
    echo "<script>alert('Please Enter at Least One Category.')</script>";
  }
}
?>
4

1 に答える 1

1

バックグラウンドで呼び出しを行い、フォームを送信せずに結果を送信/取得するための適切な構文を次に示します。

$(function(){
  $('form').submit(function(e){
    e.preventDefault(); // stop default form submission
    $.ajax({
      url: 'categories.php',
      data: 'action=newCategory',
      success: function(data){
        //here we have the results returned from the PHP file as 'data'
        //you can update your form, append the object, do whatever you want with it
        //example:
        alert(data);
      }
    });
  });
});

また：

私はこれをしません - >

echo "<script>alert('Please Enter at Least One Category.')</script>";

やるだけecho 'Please Enter at Least One Category.';

エラー システムを作成する必要がある場合は、次のようなことができます。

echo "Error 1001: <!> Please enter at least One Category!';

次に、「成功」の Ajax コールバックで、返されたオブジェクトを に分割できます<!>。従うべき例:

success: function(data){
  if($(data+':contains("<!>")'){
    var errMsg = $(data).split('<!>');
    alert(errMsg[0]+' : '+errMsg[1]);
    //above would output - Error 1001 : Please enter at least One Category!;
  }
}
于 2012-04-14T04:36:47.737 に答える