如何在不使用HTML <form>标记的情况下发送AJAX表单

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>