使用Ajax运行PHP函数

Question

您好我想创建一个按钮，将调用PHP函数将产品添加到Shopify从Web应用程序

首先这是我的result.php文件，该文件是显示亚马逊产品成功 http://codepad.org/MPs4y1Qu

你会发现有两个重要的事情

第一<button type="button">add</button>和

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("button").click(function(){ 
      $.ajax({ 
       type: 'POST', 
       url: 'create_product.php', 
       success: function(data) { 
        prompt(data); 
       } 
      }); 
     }); 
    }); 
</script> 

问题是，当我点击添加按钮时，它显示页面的HTML，但没有发生在create_product.php文件上。我希望它能够调用该函数。另一方面，我在create_product上的代码很好，单独运行100％，但不能与我的web应用程序一起运行。

这里是我的create_product.php代码：

http://codepad.org/at7LtcMK

Answer 1

你的AJAX调用将通过邮局发送数据或GET，那么你可以做的是，也什么返回一些东西给你的脚本。这很简单。

http://api.jquery.com/jquery.ajax/

让我们以实例的工作。如果你想使A + B的服务器上，你需要有一个表格，像这样输入：

<form id="yourform"> 
    <div><input name="A" type="text" /></div> 
    <div><input name="B" type="text" /></div> 
</form> 

然后你会编程，一些脚本说你的表单会做什么提交。当你使用jQuery时，让我们使用jQuery：

$("#yourform").submit(function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: "POST", //or "GET", if you want that 
     url: "yourfile.php", 
     data: $(this).serializeArray(), //here goes the data you want to send to your server. In this case, you're sending your A and B inputs. 
     dataType: "json", //here goes the return's expected format. You should read more about that on the jQuery documentation 
     success: function(response) { //function called if your request succeeds 
      //do whatever you want with your response json; 
      //as you're learning, try that to see on console: 
      console.log(response); 
     }, 
     error: function(response) { //function called if your request failed 
      //do whatever you want with your error :/ 
     } 
    }); 
}); 

但是你在服务器上做什么？ 那么，我只是想返回我的输入，只是为了检查。这里是我的PHP：

<?php 
    header("Content-type: application/json; charset=utf-8"); //that's required to return any JSON data 
    if(isset($_POST, $_POST['A'], $_POST['B'])) 
     exit(json_encode($_POST)); 
    else 
     exit("INVALID REQUEST."); 
?> 

这就是您可以通过AJAX发送信息以在PHP上执行某些操作的方式。

Answer 2

您可以添加以下AJAX功能到您的script.Note的AJAX功能发送数据和值triggerPHP到你的PHP代码的页面。因此，在运行php代码的.php页面上，您必须设置一个代码，以便通过$ _POST [] superglobal“捕获”triggerPHP数据并执行任何您想要的操作。 EG

if(isset($_POST['triggerPHP'])){ 
//execute the code here remember to echo json_encode(data) 

}

JQuery的AJAX：

$(document).ready(function(){ 
 
    $("button").click(function(){ 
 

 
    $.ajax({ 
 
    type: 'POST', 
 
    data:'triggerPHP', 
 
    dataType: "json", 
 
    url: 'create_product.php', 
 
    success: function(data) { 
 
    prompt(data); 
 
    }, 
 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
 
    alert("some error"); 
 
    } 
 
    }); 
 
    }); 
 
    });