[英]How do I use jquery to make a click on a link post to a php script with ajax?
我有一個成員數據庫,我需要能夠單擊字母字符鏈接或按鈕,將該字符傳遞給 ajax 事件並運行帶有該字符作為選項的腳本,例如 getResults?char=A 常規提交的表格。
<form>
<p>
<a href="#" name="char" class="switchChar" value="A" id="A">A</a>
<a href="#" name="char" class="switchChar" value="B" id="B">B</a>
</p>
<div id="Results">Results Div</div>
</form>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
<script>
$(document).ready(function() {
// $(document).on('click','.switchChar',function()
$('a.switchChar').click(function() {
var DATA=$(this).val();
var data=(DATA);
var CHAR=$(this).attr('char');
$("#Results").html( "" );
var dataString = 'char='+ data;
$.ajax({
url: "getResults.php", /* Will add this later */
type: "POST",
data: dataString,
cache: false,
success: function(data)
{
$("#Results").html(data);
}
}
});
});
</script>
不要使用var DATA=$(this).val();
或var CHAR=$(this).attr('char');
和var data=(DATA);
使用.attr('value');
它的 'a' 元素不是 'input'( .val()
)
或使用$(this).html();
獲取<a></a>
里面的字母
$(document).ready(function() {
$('a.switchChar').click(function() {
var data=$(this).attr('value'); //this 'a' element (not 'input'), 'value' -> attribute
$("#Results").html("");
var dataString ='char='+ data ;
console.log(dataString)
$.ajax({
url: "getResults.php", /* Will add this later */
type: "post",
data: dataString,
cache: false,
success: function(data){
$("#Results").html(data);
}
});
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.