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

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>