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

时间:2012-12-05 23:27:17

标签: php javascript jquery html post

这就是我得到的,基本上点击一个按钮并执行以下代码:

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

除了传递给Monsterequest.php之外,所有内容似乎都按预期工作,帖子没有传递给它自己,页面基本上重新加载它的自我,因为它被传递给主要父母......(我是不确定它是否但是monsterrequest.php似乎在它自己完全正常工作然而当它加载它根本无法正常工作时我完全难倒。我基本上想要发布数据而不重新加载页面。

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

2 个答案:

答案 0 :(得分:7)

你熟悉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;

答案 1 :(得分:0)

  

我基本上想要在不重新加载页面的情况下发布数据

使用jQuery's $.post(...)

干杯