0 
<html>
<head>
<meta charset="utf-8" />
<title>jQuery Ajax - POST</title>
<script type="text/javascript" src="jquery_1.6.1.js"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
  $('form').submit(function() {
    var data = 'name='+$('#nm').val();
    var data = 'name='+$('#sn').val();
    $.post('script.php', data, function(response){
      $('#dv').html(response);
      $('#dv2').html(response);
    });

    return false;      // required to not open the page when form is submited
  });
});
--></script>
</head>
<body>
<div id="dv">Here will be displayed the response.</div><br />
<form action="script.php" method="post">
 Name: <input type="text" name="nm" id="nm" /><br />
<div id="dv2">Here will be displayed the 2nd response.</div><br />
 Second name: <input type="text" name="sn" id="sn" /><br />
 <input type="submit" value="Submit" />
</form>
</body>
</html>

我希望 Name 发布到 JavaScript 并在 divtag (dv) 下出现，第二个 name 出现在 (dv2) 中 - 我环顾四周，似乎发现只是如何在一个 div 标签中回显变量。

4

1 回答 1

0

看一下这个。您为传递给 script.php 的数据声明了相同的名称。这是编辑后的代码。它正在工作。

<html>
<head>
<meta charset="utf-8" />
<title>jQuery Ajax - POST</title>
<script type="text/javascript" src="jquery_1.6.1.js"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
  $('form').submit(function() {
    var nm = $('#nm').val(); // changes made
    var sn= $('#sn').val();
    $.post('script.php',{
    name1:nm,
    name2:sn
  }, function(response){
      var resp=response.split("."); // spiltting into different output
      $('#dv').html(resp[0]);
      $('#dv2').html(resp[1]);
    });

    return false;      // required to not open the page when form is submited
  });
});
--></script>
</head>
<body>
<div id="dv">Here will be displayed the response.</div><br />
<form method="post"> // no need to specify script.php here
 Name: <input type="text" name="nm" id="nm" /><br />
<div id="dv2">Here will be displayed the 2nd response.</div><br />
 Second name: <input type="text" name="sn" id="sn" /><br />
 <input type="submit" value="Submit" />
</form>
</body>
</html>

获取script.php中的参数如下

<?php 

String name1 =$_POST["name1"];
String name2= $_POST["name2"];
// do your calculations

String together= name1 +"."+ name2; // just make different output together as one string
out.print(together);
?>
于 2013-08-10T18:04:26.393 回答