使用jquery简单单击即可创建php文件

Get done a php file with a simple click with jquery

本文关键字：创建 php 文件 jquery 简单 单击 使用      更新时间：2023-09-26

我完全是新手，我只想要一个非常非常简单的例子来回答我的问题。

我想我有这段PHP代码:

<?php
echo "Test";
?>

和一段像这样的jquery: 

$(document).ready(function() {
$('.div').click(function(){
$('.loading').show();
// DO PHP NOW
$('.loading').hide();
});
});

和HTML:

<div class="div">Click here</div>

我想要一个简单的代码，将Jquery连接到PHP文件。

当.div被点击时，php代码发生了，没有刷新页面。只是这。

我该怎么做?

(我需要一个简单的方法来ajax PHP !)

+如果我想做Ajax，我必须为我写的每一个PHP代码编写代码或为所有PHP代码编写一段Ajax代码?

谢谢

如果你想在你的div中显示一些php的值，使用$(".div").load("/url/to/your/php");或者使用

$.post("url/to/php",{val:val,val:val},function(callback){ 
     alert("callback");
     $(".div").html(callback);
}
AJAX

或

$.ajax({
  url: "/php/code/sd.php",
  type: "POST",
  date: {
        username: "asdasd",
        password: "asdasd"
       },
  success: function(callback){
          $(".div").html(callback);
    }
  });

$(function() {
    $('.div').click(function(){
        var $this = $(this);
        $('.loading').fadeIn(200);
        $.ajax({
            url: 'url_to_your_file.php',
            type: 'GET',
            data: {},
            success: function(data) {
                //do smthing OR
                $(data).insertAfter($this);
            },
            error: function(e) {
                //do smthing when error
                alert('Error happen!');
                console.log(e);
            },
            complete: function(data) {
                $('.loading').fadeOut(200);
            }
        });
    });
});
相关文章：