4

入力値をphpスクリプトに送信し、返された値をajaxを使用してdivに投稿しようとしていますが、これを正しく行うことができないようです。ヘルプ/提案をいただければ幸いです。ありがとう！！

これは私が今持っているものですが、コンソールには「リソースの読み込みに失敗しました: サーバーは 404 (見つかりません) のステータスで応答しました」と表示されます。

test1.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>

test2.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

0

404 (Not Found) Errorはページが見つかりません。ファイルtest2.phpが同じフォルダーに存在することを確認してください。URLを確認してください。

また、コンソールから 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 に答える