jqueryajax：如何使用ajax调用php文件

ajax调用：

   $.ajax({
         url: $("form").attr('action'),
         type: "post",
         data: $("form").serialize(),
         dataType: "json",
     });

---

这是一个在php文件中调用变量的示例 HTML:

PHP:

如何调用此ajax代码？您是否使用了event.preventDefault（）？那么您想要什么，面临什么问题？url是什么意思？您已经在指定表单操作链接。实际上，我通过ajax链接到另一个php文件，但我无法使用preventdefault（）来实现

<p id="one"></p>
<p id="two"></p>
<p id="three"></p>
<form>
    <input id="name_one" type="text" name="name_one">
    <input id="name_two" type="text" name="name_two">
    <input id="name_three" type="text" name="name_three">
    <button id="submit_btn" type="submit">Enter</button>
</form>

$(document).ready(function(){
    $('#submit_btn').on('click',function(){
        var val1 = $('#name_one).val(),
            val2 = $('#name_two).val(),       
            val3 = $('#name_three).val();
        $.ajax({
           url      : 'nameofyourphpfile.php',
           type     : 'POST',
           data     : {name1:val1,name2:val2,name3:val3}, 
           dataType : 'json',
           async    : false,
           success  : function(data){
                        $('#one').html(data.one);
                        $('#two').html(data.two);
                        $('#three').html(data.three);
           }
        });
    });
});

<?php
    if(isset($_POST['name1'],$_POST['name2'],$_POST['name3'])){
      $one = $_POST['name1'];
      $two = $_POST['name2'];
      $three = $_POST['name3'];

      //this code sends your php variable to your ajax
      $response['one'] = $one;
      $response['two'] = $two;
      $response['three'] = $three;

      echo json_encode($response);
    }
?>