1
我的問題是 - 當我直接進入這個特定的頁面(newUserForm.jsp)時,我可以使用這個mehod點擊按鈕。但是當我在其他頁面導航(http://localhost:8081/home.jsp#/newUserForm.jsp
)後瀏覽此頁面時,點擊不會做任何事情 - 不在屏幕上顯示名稱。 (newUserForm.jsp :)jquery mobile與ajax問題
<!DOCTYPE html>
<html>
<head>
<title>JQuery Mobile AJAX</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile- 1.0a2.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<script>
$(function()
{
$("#callAjax").click(function()
{
var theName = $.trim($("#theName").val());
if(theName.length > 0)
{
$.ajax({
type: "POST",
url: "/callajax.jsp",
data: ({name: theName}),
cache: false,
dataType: "text",
success: onSuccess
});
}
});
$("#resultLog").ajaxError(function(event, request, settings, exception)
{
$("#resultLog").html("Error Calling: " + settings.url + "<br />HTPP Code: " + request.status);
});
function onSuccess(data)
{
$("#resultLog").html("Result: " + data);
}
});
</script>
<div data-role="page" id="indexPage">
<div data-role="header">
<h1>JQuery Mobile</h1>
</div>
<div data-role="content">
<div data-role="fieldcontain">
<label for="theName">Please enter your name:</label>
<input type="text" id="theName" name="theName" value="" />
</div>
<input id="callAjax" type="button" value="Call Ajax" />
<div id="resultLog"></div>
</div>
<div data-role="footer">
<h1>AJAX Demo</h1>
</div>
</div>
</body>
</html>
是否認爲Ajax的電話嗎?我在谷歌旅行時發現了這段代碼...
謝謝。
你沒有實際使用jQuery做AJAX調用不能點擊。您使用Internet Explorer的ActiveX或兼容瀏覽器的「XMLHttpRequest」。 – BoffinbraiN 2011-05-06 12:39:32
此外,您不應該嘗試使用ActiveX控制器,我們現在不再處於石器時代。 – Esko 2011-05-06 12:43:12
感謝您的回答, – Hila 2011-05-06 12:56:22