单击将文本区域内容保存到数据库中,并在另一个页面中显示内容


Onclick save textarea content into database and display the content in another page

我正在使用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) {
          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";
   }

当数据成功保存时,我会提醒成功消息。我需要知道当数据成功保存时如何在另一个页面上显示。

这是怎么做到的?

检查一下,

$("#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";
  }

在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"; 
            }
      });
});

您可以使用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; 
          }
        }
      });
});
  $("#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='other.php';如上所述,在jquery中获得成功后(这将重定向到另一个php页面(
步骤2(创建另一个php页面并编写select查询以获取数据并在其上显示结果