Question

我有一些PHP脚本，HTML表单和JS代码（AJAX）：

if(isset($_POST['site'])){

$homepage = file_get_contents("http://".$_POST['site']);
preg_match('%<meta.*name="keywords".*content="(.*)"\s+/>%U', $homepage, $regs);

if(count($regs))
{
$myString = implode('', $regs );  
 print_r($myString);
}
}


?>


<form id=payment method="post" name="forma1">
<label for=name>ENTER www.bbc.com:</label>
<input id="name" type=text placeholder="Write here..."         name="site">
<input type="submit" value="START" name="searchbutton" id="sb">
</form>

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
         $('#payment').submit(function(e){
            e.preventDefault();
           $.ajax({
                 type: "POST",
                url: $(this).attr('action'),
                data: $(this).serialize(),
                dataType: 'json',
                success: function(data)
                {
                    alert("OK, AJAX IS WORKING");
                }
            });
        });
    });
    </script>

没有JS代码一切正常。 PHP脚本工作也很好，当我点击按钮后，我收到所需的信息。但是当我尝试使用AJAX并单击按钮时，我没有任何动作。我认为，JS代码是错误的，也可能是PHP。请专家，谁可以帮助我并修改代码？

Answer 1

编辑：这是问题所在。您正在设置dataType: json，但您的PHP未返回JSON。删除dataType: 'json'行。另外不要忘记打开PHP标记：<?php。
编辑2：好的，这是获取元标记并显示它们的代码。 PHP：

$homepage = file_get_contents("http://".$_POST['site']);
preg_match('%<meta.*name="keywords".*content="(.*)"\s+/>%U', $homepage, $regs);
if(count($regs)) {
  $myString = implode('', $regs );  
 echo $myString;
}

（上面的代码是你的问题 - 我假设它有效） Javascript AJAX成功函数：

success: function (data) {
  $('#metaTags').text(data)
}

HTML：

<div id="metaTags"></div>

Answer 2

这对我有用...尝试这种方式直接把那个url像我一样和错误响应，如果它不起作用，它会显示出什么样的错误并删除dataType：'json'也是

<?php  if(isset($_POST['site'])){

 var_dump($_POST); 
 exit;


}
?>
<html>

<head>
 <script src="http://code.jquery.com/jquery-latest.js"></script>    
<script type="text/javascript">
    $(document).ready(function(){
         $('#payment').submit(function(e){
            e.preventDefault();
           $.ajax({
                 type: "POST",
                url: 'test.php',
                data: $(this).serialize(),
                success: function(data)
                {
                    alert("OK, AJAX IS WORKING"+data);
                },
                 error:   function(xhr, ajaxOptions, thrownError) { alert(xhr.status);
                                         } 
            });
        });
    });
    </script>
</script>

</head>     

<div>
<form id="payment"    method="post" name="forma1">
        <label for=name>ENTER www.bbc.com:</label>
        <input id="name" type=text placeholder="Write here..."         name="site">
        <input type="submit" value="START" name="searchbutton" id="sb">
</form>

</div>  


</html>

AJAX请求不起作用

2 个答案: