5 回答

TA貢獻(xiàn)1725條經(jīng)驗 獲得超8個贊
您應(yīng)該刪除屬性“onclick=click()”中的括號,否則該函數(shù)將在頁面加載時立即執(zhí)行,這就是您無法看到按鈕操作的原因。

TA貢獻(xiàn)1772條經(jīng)驗 獲得超6個贊
您可以嘗試隱式調(diào)用該函數(shù)
<html>
<meta charset="UTF-8">
<body>
<button id="testbutton" type="button">
Click Me
</button>
<p id="p"></p>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$('body').on('click', '#testbutton', function(){
$.ajax({
type : 'POST',
url : 'testing.php',
success : function(data) {
alert(data);
}
});
});
</script>
</body>

TA貢獻(xiàn)1893條經(jīng)驗 獲得超10個贊
在我看來,你有3件事需要解決:
您缺少函數(shù)的開始標(biāo)記,因為您目前擁有的開始腳本標(biāo)記是針對您正在引用的 jquery 庫的。
<script>
此外,不要使用保留字“click”作為函數(shù)名稱。我已將其更改為“我的功能”
將函數(shù)定義移動到頁面中的適當(dāng)位置。
如果您嘗試下面的代碼,它應(yīng)該可以正常工作。我希望這有幫助。
<html>
<meta charset="UTF-8">
<body>
<script>
function myclick(){
alert('posting!');
$.ajax({
type: 'POST',
url: 'testing.php',
success: function(data) {
alert(data);
}
});
}
</script>
<button type="button" onclick="myclick()">Click Me</button>
<p id="p"></p>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"/>
</body>
</html>

TA貢獻(xiàn)1828條經(jīng)驗 獲得超4個贊
我建議這樣:(將它而不是你的代碼替換成Body標(biāo)簽。
<button type="button" id="ajaxBtn">Click Me</button>
<p id="p"></p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
const btn=document.getElementById('ajaxBtn');
btn.addEventListener('click',click);
function click(){
$.ajax({
type: 'POST',
url: 'testing.php',
success: function(data) {
alert(data);
}
});
}
</script>

TA貢獻(xiàn)1797條經(jīng)驗 獲得超6個贊
您的代碼有一些問題:首先,它不是一個正確的HTML文件。每個 HTML 文件都應(yīng)該有一個 標(biāo)記,并且 標(biāo)記中應(yīng)包含 標(biāo)記。<head></head><body></body><html></html>
其次,您希望在 部分中加載腳本。您還可以在其中定義標(biāo)題,元標(biāo)記,樣式表等。<head>
第三,你的標(biāo)簽是錯誤的。加載腳本,同時定義函數(shù)。這應(yīng)該是兩個操作。<script>
我認(rèn)為你的腳本會看起來像這樣:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
</head>
<body>
<button type="button" onclick="click()">Click Me</button>
<p id="p"></p>
</body>
<script>
function click(){
$.ajax({
type: 'POST',
url: 'testing.php',
success: function(data) {
alert(data);
}
});
}
</script>
</html>
有關(guān) HTML 的信息,請參閱 W3 學(xué)校
- 5 回答
- 0 關(guān)注
- 209 瀏覽
添加回答
舉報