php 如何在提交表单后调用jQuery函数?

j5fpnvbx  于 2023-05-27  发布在  PHP
关注(0)|答案(1)|浏览(148)

如何在提交表单后调用jQuery函数?
我知道如何在提交时调用一个函数,但我想在帖子提交后调用它,并且用PHP将细节放入数据库。
我做了一个网站,用户可以把物品放入购物车。这个很好用。然而,在产品发布并添加到购物车后,我想显示一个弹出框来显示购物车。因此,我需要在提交完成后调用该函数。

j8ag8udp

j8ag8udp1#

因此,我需要在提交完成后调用该函数。
例如,您可以从done()中执行此操作,假设您的表单和 AJAX 请求如下所示:

<form id="target" action="#">
  <input type="text" id="id" value="1">
  <input type="submit" value="Go">
</form>


$( "#target" ).on( "submit", function( event ) {
    event.preventDefault(); 
    var theId = $("input[name='id']",this).val();   
    var request = $.ajax({
      url: "script.php",
      method: "POST",
      data: { id : theId },
      dataType: "json"
    });
     
    request.done(function( serverData ) {
      showCart(serverData);
    });
     
    request.fail(function( jqXHR, textStatus ) {
      alert( "Request failed: " + textStatus );
    });
});

//....

function showCart(dataForCart) {
    //Use dataForCart if needed and show cart
}

由于 AJAX 请求在默认情况下是异步的,因此当Ajax请求成功时,showCart()将被调用。
有关详细信息,请查看documentation

相关问题