如何在不使用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>