jQuery load()方法

时间:2014-09-30 11:21:02

标签: javascript php jquery ajax

您好我正在打印div元素 like-div 的ajax html响应,但是ajax html响应无效。

的index.php

<html>
<head>
    <style type="text/css">
ul.social-icon > li {
    float: left;
    list-style: none;
    padding: 0 15px;
}
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('ul.social-icon li a.like').click(function()
    { 
        var track = <?php echo $res_code; ?> ;
        $(".like-div").load("remove.php?keyword=delete&trackid="+track);
    });
});
</script>
</head>
<body>
    <?php
$res_code = '6754567435';
?>
<ul class="social-icon">
              <li><a class="like" href="#123">Like</a></li>
</ul>

<div class="like-div"></div>
</body>
</html>     

我想点击 like-div 中的ajax响应,点击超链接,但这并未显示div特征中的任何内容。

remove.php

<?php
$keyword = $_REQUEST['keyword'];
$trackid = $_REQUEST['trackid'];

echo $trackid;

?>

remove.php 是发送请求时响应的页面。 可能是因为它没有在div中显示响应?是什么原因? 请帮我解决这个问题。感谢

3 个答案:

答案 0 :(得分:1)

我认为它是因为$res_code在其定义之前使用。在行var track = <?php echo $res_code; ?> ;之前移动以下代码块:

 <?php
     $res_code = '6754567435';
 ?>

答案 1 :(得分:0)

请尝试以下方法: -

$(".like-div").load("remove.php?keyword=delete&trackid="+track, function( response) {

});

答案 2 :(得分:0)

.load的语法不正确。 .load()是.post()的简短形式。要传递的参数应该来自post请求。将您的代码更改为:

$(document).ready(function(){
    $('ul.social-icon li a.like').click(function(){ 
        var track = <?php echo $res_code; ?> ;
        $(".like-div").load("remove.php", { "keyword":"delete","trackid":track});
    });
});