如何在不使用HTML的情況下發送AJAX表單 <form> 標簽

Question

我想使用AJAX將數據發送到我的PHP，但不使用HTML <form>標記，因為在我的情況下，如果我有表單，則有一個發送表單的循環，而AJAX PHP進入了循環，所以我認為我不會使用表單但是，如果AJAX具有POST方法，該如何應用？

$(document).on('click', '#myButton', function(){  
    $.ajax({
        url: "insert.php",
        method: "post",
        data:{data},    
        dataType:"text",
        success:function(data){
            alert('Successfully')
        }
    })
})

而我的HTML是：

<div class = "myDiv1">
      <input type = "text">
      <input type = "button" id = "myButton">
</div>

有沒有辦法做到這一點？ 我只是問問。 謝謝 ：）

Answer 1

您可以為ajax中的數據分配值，例如

var formData = {
value1 = $(element1).val();
value2 = $(element2).val();
// and so on
}

將formData傳遞給ajax

Answer 2

使用Javascript

$(document).on('click', '#myButton', function(){  
    $.ajax({
        url: "insert.php",
        method: "post",
        data:{
            text: $('.text-value').val()
        },    
        dataType:"text",
        success:function(data){
            alert('Successfully')
        }
    })
})

HTML

<div class = "myDiv1">
    <input type = "text" class="text-value">
    <input type = "button" id = "myButton">
</div>