Question

我试图让以下.load（）方法起作用。当前代码不会像我认为的那样在div中显示请求的页面。思考？另外，测试.load（）方法并查明它是否正常工作的最佳方法是什么？

ParentPage.cfm

<script>
$("#go_val").click(function() {
  $('#test_div').load('htdocs/mysite/index.cfm?event=test #container');
}
</script>
<form name="parent_form" id="parent_form">
<input type="text" name="myText" id="my_Text" value="TestValue">
<input type="button" name="go" id="go_val" value="GO">
</form>
<div id="test_div"></div>

test.cfm（又名index.cfm？event = test）

<html>
<head>
<title>test</title>
</head>
<body>
<div id="container">Yippee</div>
</body>
</html>

提前谢谢。所有建议都表示赞赏。

Answer 1

你必须加载它。

$(function(){
$("#go_val").click(function() {
  $('#test_div').load('htdocs/mysite/index.cfm?event=test #container');
}
});

测试的最佳方法是使用http://getfirebug.com/并查看控制台以查看是否正在进行请求。

Answer 2

您需要指定在文档准备好后注册的click函数，因为在您声明它时它不存在。

<script>
  $(document).ready(){
    $("#go_val").click(function() {
      $('#test_div').load('htdocs/mysite/index.cfm?event=test #container');
    }
  }
</script>

Answer 3

尝试

$.ajax({
    url: 'htdocs/mysite/index.cfm?event=test',
    dataType: 'html',
    success: function(htmldata){
        $('#test_div').html($(htmldata).find('#container').html());
    },
    error: function(a,b,c) {
        alert('Something went wrong: ' + b);
    }
});

Answer 4

当我复制你的代码时，我在firebug控制台中看到一个错误，所以Adam有正确的方法来调试问题。

*

缺少）参数列表
之后

*

我将功能更改为：

$("#go_val").click(function() {
   $('#test_div').load('index.cfm?event=test #container');
})

请注意结束括号，并且您只需要引用index.cfm（无路径），因为它与父页面位于同一目录中。

我已经这么做了很多次，而萤火虫是我通过另一方面的唯一途径。最好的运气。

JQuery .load（）问题

4 个答案: