javascript - 带有数据的 jQuery Ajax 发布

标签 javascript php jquery html ajax

为什么它不起作用。当使用某些参数单击按钮时,我试图调用一个 php 文件。它一直执行到 jsfile.js 中的 alert 语句。之后 ajax 部分没有得到执行。帮帮我。提前致谢。

ma​​in.html

<!DOCTYPE html>
<html>
<head>
    <title></title>

<script src="jsfile.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
        <button onclick="cart(0)"> hi </button>
        <p id="disp"></p>
</body>
</html>

js文件.js

function cart(id1)
{

    var id=id1;
    alert("enterd "+id);
    document.getElementById("disp").innerHTML ="hi";
        $.ajax({
        url:"/add.php ",
        type:"POST",

        data:{
          item_id: id,
        },
        success:function(response) {
          //document.getElementById("total_items").value=response;
         document.getElementById("disp").innerHTML =response;
       },
       error:function(){
        alert("error");
       }

      });

}

add.php

<?php
    if(isset($_POST['item_id']) && !empty($_POST['item_id'])){
    //if(count($_POST)>0)
        echo "success";
        exit();
    }
?>

最佳答案

在您的 jsfile.js 文件中,请更正我在以下代码中作为注释提到的以下几点。

function cart(id1)
{
    var id=id1;
    alert("enterd "+id);
    document.getElementById("disp").innerHTML ="hi";
        $.ajax({
        url:"/add.php ",
        method:"POST", //First change type to method here

        data:{
          item_id: id,
        },
        success:function(response) {
         document.getElementById("disp").innerHTML =response;
       },
       error:function(){
        alert("error");
       }

      });

}

关于javascript - 带有数据的 jQuery Ajax 发布,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42894744/

相关文章:

php - 监控文本身份验证背后的网页

javascript - pattern 属性仅在页面重置后通过

php - 如果我在 mysqli::query 中使用 SELECT 语句,默认的 ORDER BY 是什么

javascript - 如何将 ic-ajax 与 jsonp 一起使用?

javascript - $(this).hasClass ('e.g' ) 不返回

javascript - 如何在 jquery 中使用子对象 $.extend 对象?

php - ob_start() 正在部分捕获数据

javascript - jquery 时间戳相减和相加

jquery - 使用 jquery.html() 更改 fancybox 中的内容

Javascript - 来自表格单元格中 HTML 输入的浮点值