$ .load内部的表单不能正确发布

那么这就是我得到的,基本上是一个button被点击,并执行下面的代码:

Readthis = "MonsterRequest.php?id=<?php echo $_REQUEST['id']; ?>&Mon="; TestVar = TestVar.replace(/\s/g, ""); Readthis = Readthis + htmlencode(TestVar); $('#CenterPiece').load(Readthis); 

一切似乎都按照预期工作,除了传递给Monsterequest.php时,这个post并没有被传递给它自己,页面基本上重新载入了它自己,因为它被传递到主父…(我不确定它是否是但是monsterrequest.php似乎工作完全罚款自己但是当加载它不能按预期工作,我完全难住。我基本上想要发布的数据,而不必重新加载页面。

Monsterrequest.php: http ://pastebin.com/fiFjjBZg

你熟悉AJAX吗? 原谅我,如果你已经知道这一点,但如果你不这样做:

Ajax将数据发布到一个外部php文件,该文件处理接收到的数据,并发回一个答案。 它看起来像这样:

文件#1:

 <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#Sel').change(function() { var opt = $(this).val(); var someelse = 'Hello'; var more_stuff = 'Goodbye'; $.ajax({ type: "POST", url: "receiving_file.php", data: 'selected_opt=' + opt + '&something_else=' +someelse+'&more_stuff='+more_stuff, success:function(data){ alert('This was sent back: ' + data); } }); }); }); </script> </head> <body> <select id = "Sel"> <option value ="Song1">default value</option> <option value ="Song2">Break on through</option> <option value ="Song3">Time</option> <option value ="Song4">Money</option> <option value="Song5">Saucerful of Secrets</option> </select> 

文件#2:receiving_file.php

 <?php $recd = $_POST['selected_opt']; echo 'You chose: ' . $recd; 

我基本上想要发布的数据没有重新加载页面

使用jQuery的$.post(...)

干杯