Question

我有两个页面一个customform.php，另一个是preview.php。

我想使用jquery post方法发送一些数据，这些数据是customform.php上某些文本字段的值。但我不希望页面加载。所以我已经使用了一些JQuery代码来完成这项工作。但现在为我工作。

customform.php上的html代码是：

<form action="#" method="post">
<input type="text" value="" id="text1">
<input type="text" value="" id="text2">
<input type="button" value="preview" id="preview">
</form>

customform.php上的jQuery代码是：

$('#previewph').click( function() {
    var v1 = $.('#text1').val();
        var v2 = $.('#text2').val();

 alert("Mail: " + v1 + " Message: " + v2);

$.post( "http://www.lexiconofsustainability.com/lex_tmp2/preview/" ,{ name : v1 , title :v2 });

  window.open("http://www.lexiconofsustainability.com/lex_tmp2/preview/", '_blank');
});

在preview.php上我想检索值表单post方法并回显它们。

<?php 
echo  $authorname = $_POST['name'];
echo  $posttitle = $_POST['title'];
?>

Answer 1

您可以使用AJAX进行此操作..

customform.php 上的jQuery代码应为：

$('#previewph').click( function() {
    var v1 = $('#text1').val();
    var v2 = $('#text2').val();
$.post("preview.php", {name:v1, title:v2}, function(data)
{
   alert(data);
});
});

preview.php

<?php 
if(isset($_POST['name'])&&($_POST['title']))
{
echo  $authorname = $_POST['name'];
echo  $posttitle = $_POST['title'];
}
?>

Answer 2

只需试试这个

  <form action="#" method="post" >
<input type="text" value="" id="text1">
<input type="text" value="" id="text2">
<input type="submit" value="preview" id="preview" onclick="senddata()" >
</form>
<div id="message"></div>

function senddata() {
var v1 = $.('#text1').val();
        var v2 = $.('#text2').val();

$.post("http://www.lexiconofsustainability.com/lex_tmp2/preview/", { name : v1 , title :v2  },
   function(data) {
      document.getElementById("message").innerHTML = data;    
   });

   }

如何在不加载页面的情况下将数据从一个页面发送到另一个

2 个答案: