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

Question

I want to send data to my PHP using AJAX but without using the HTML <form> tag because in my case if I have the form I have a loop of sending the form and AJAX PHP came into looping so I think I would not use form but how can I apply these if AJAX had a method of POST ?

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

and my HTML is:

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

Is there a possible way to do this? I'm just asking. Thank you :)

Answer 1

You can assign values to data in ajax like

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

Pass the formData to 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>