Question

我正在使用Ajax将textarea conent保存在数据库中：

$("#update").click(function(e) {
      e.preventDefault();
      var ttle = $("#title").val(); 
      var text = $("#prjdesc").val(); 
     var dataString = 'param='+text+'&param1='+ttle;
      $.ajax({
        type:'POST',
        data:dataString,
        url:'insert.php',
        success:function(data) {
          alert(data);
        }
      });
    });

insert.php：

mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");

 $name = $_POST['param'];
 $title = $_POST['param1'];
 $sql="INSERT INTO $tbl_name (title, content) VALUES ('$name','$title')";

 if(mysql_query($sql)) {
  echo "Success";
  } else {
  echo "Cannot Insert";
   }

成功保存数据后，我正在提醒成功消息。我需要知道在成功保存数据后如何在另一页上显示。

这是怎么做到的？

Answer 1

在ajax的success()回调函数中，您可以重定向到另一个显示已保存数据的页面

有点像这样

$("#update").click(function(e) {
   e.preventDefault();
   var ttle = $("#title").val(); 
   var text = $("#prjdesc").val(); 
   var dataString = 'param='+text+'&param1='+ttle;
       $.ajax({
            type:'POST',
            data:dataString,
            url:'insert.php',
            success:function(data) {
              //here set the another page to redirect to another page
              window.location ="http://localhost/myanotherpage"; 
            }
      });
});

Answer 2

您可以使用ajax成功回调方法中的响应来检查结果（目前它是一个简单的字符串），如果成功，则重定向到您想要的页面。

$("#update").click(function(e) {
   e.preventDefault();
   var ttle = $("#title").val(); 
   var text = $("#prjdesc").val(); 
   var dataString = 'param='+text+'&param1='+ttle;
   $.ajax({
        type:'POST',
        data:dataString,
        url:'insert.php',
        success:function(data) {
          //here set the another page to redirect to another page
         if($.trim(data).toLowerCase()=="success"){
          window.location =$your_page_url; 
          }
        }
      });
});

Answer 3

  $("#update").click(function(e) {
          e.preventDefault();
          var ttle = $("#title").val(); 
          var text = $("#prjdesc").val(); 
          var dataString = 'param='+text+'&param1='+ttle;
  $.ajax({
         type:'POST',
         data:dataString,
         url:'insert.php',
         success:function(data) {
         alert(data);
         window.location='another.php';
    }
  });
});

步骤1）写下window.location ='another.php';如上所述，在获得成功后的jquery中（这会将你重定向到另一个.php页面）
步骤2）创建another.php页面并编写选择查询以获取数据并在其上显示结果

Answer 4

检查一下，

$("#update").click(function(e) {
      e.preventDefault();
      var ttle = $("#title").val(); 
      var text = $("#prjdesc").val(); 
     var dataString = 'param='+text+'&param1='+ttle;
      $.ajax({
        type:'POST',
        data:dataString,
        url:'insert.php',
        success:function(id) {
          window.location ="path.php?id="+id; // redirects
        }
      });
    });

insert.php

mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");

 $name = $_POST['param'];
 $title = $_POST['param1'];
 $sql="INSERT INTO $tbl_name (title, content) VALUES ('$name','$title')";

 if(mysql_query($sql)) {
  echo mysql_insert_id(); // this will get your last inserted ID
  } else {
  echo "Cannot Insert";
  }

Onclick将textarea内容保存到数据库中，并在另一个页面中显示内容

4 个答案: