jQuery load()方法不起作用

时间:2014-10-05 16:15:10

标签: javascript php jquery html ajax

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

的index.php

  <?php
$res_code = '6754567435';
?>
<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>

<ul class="social-icon">
              <li><a class="like" href="#123">Like</a></li>
</ul>

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

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

remove.php

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

    if($trackid != '')
{
    echo "hello";
}
    ?>

remove.php 是发送请求时响应的页面。可能是因为它没有在div中显示响应?

请帮我解决这个问题。感谢

1 个答案:

答案 0 :(得分:0)

您需要取消点击

$('ul.social-icon li a.like').click(function(e) {
  e.preventDefault(); 

我也会这样做

$(function(){
  $('ul.social-icon li a.like').click(function(e) { 
    e.preventDefault(); 
    $(".like-div").load("remove.php?keyword=delete&trackid=<?php echo $res_code; ?>");
  });
});