4

我正在尝试使用 ajax 将输入值发送到 php 脚本并将返回的值发布到 div,但我似乎无法做到这一点。任何帮助/建议将不胜感激。谢谢!!

这就是我现在所拥有的,但控制台说:“加载资源失败:服务器响应状态为 404(未找到)”。

测试1.php:

<script>
$.ajax({
        type: 'POST', 
        url: 'test2.php',      
        data: {url: $('#id1').val()},         
        success: function (data)
        {
           $(document).ready(function(){$("#content").load("test2.php");});
        }
    });   
</script>

<form name="input">
<input type="text" id="id1">
<input type="submit">
</form>

<div id="content"></div>

测试2.php:

<?php
$string=$_POST['id1'];
require_once('connect.php');
$inf = "SELECT * FROM `comments` WHERE date='$string'";
$info = mysql_query($inf);
while($info2 = mysql_fetch_object($info)) {echo $info2->username.$info2->date;}
?>
4

4 回答 4

3
<script>
    $(document).ready(function() {
        $('#submit').click(function(e) {
            e.preventDefault();
            $.ajax({
                type: 'POST',
                url: 'test2.php',
                data: {id1: $('#id1').val()},
                success: function(data)
                {
                    $("#content").html(data);
                }
            });
        });
    });
</script>

<form name="input">
    <input type="text" id="id1">
    <input type="submit" id="submit">
</form>

<div id="content"></div>

当您提交 ajax 请求时,您已经将您的内容提交到test2.php,因此您不需要再次加载它。在成功函数中,您可以将结果从回调附加到 div。

于 2013-09-03T13:04:20.167 回答
0

404 (Not Found) Error用于找不到页面。请确保文件test2.php存在于同一文件夹中。检查网址。

您也可以从控制台复制 URL 并将其粘贴到浏览器 URL 中以检查 url 是否正确。

jQuery

<script>
    $(document).ready(function() {
        $('#submit').click(function(e) {
            e.preventDefault();
            $.ajax({
                type: 'POST',
                url: 'test2.php',
                data: {id1: $('#id1').val()},
                success: function(data)
                {
                    $("#content").html(data);
                }
            });
        });
    });
</script>

HTML

<form name="input">
    <input type="text" id="id1">
    <input type="submit" id="submit">
</form>
于 2013-09-03T13:21:26.223 回答
0
    $(document).on('click','#submit',function(e) {
        e.preventDefault();
        $.post('test2.php',{url: $('#id1').val()},function(data){
            $("#content").html(data);
        }
       });
    });
于 2013-09-03T13:12:07.540 回答
0

你可以试试这个:

<script>
    $('#submitBtn').on('click',function(){
        $.ajax({
            type: 'POST', 
            url: 'test2.php',      
            data: {url: $('#id1').val()},         
            success: function (data)
            {
               $("#content").html(data);
            }
        });   
        return false;
    });
</script>

<form name="input">
    <input type="text" id="id1">
    <input id="submitBtn" type="submit">
</form>

<div id="content"></div>
于 2013-09-03T13:10:57.850 回答