javascript - 单击 div 时在 jQuery 中发送 POST 请求

Question

我无法弄清楚如何完成以下任务。

• 点击段落元素
• 使用 jQuery 发送 .post 请求
• 获取服务器发送的数据以显示在段落中

我进行了大量搜索并尝试使用一些建议的解决方案，但失败了。

这是我的文件夹结构:

+ html
    - index.html
+ js
    - eventhandling.js
+ php
    - test.php

HTML

<div class="channel" id="channel1">
    <p class="title">CHANNEL 01</p>
    <p class="stb_sub_menu" id="model">STB Model</p>
    <p class="network_sub_menu" id="network">Network</p>
    <p class="smartcard_sub_menu" id="smartcard">Smartcard</p>
    <p id="reboots">Reboots</p>
</div>
<p id="demodata">Demo Data</p>

PHP

<?php echo "PHP script -> You called master?"; ?>

JS

$(".channel").click(function(){
    /*alert(I am clicked");*/
    $.post('test.php', {name: 'John'}, function(data) {
        $("#demodata").val("data");
    });
});

点击事件成功，因为弹出警报。 Firebug 控制台窗口上没有显示任何内容。

Answer 1

可能是您传递到帖子中的服务 URL 错误(根据文件夹结构)。 代码必须是这样的。

$(".channel").click(function(){
    var postData = {"name":"john"};
    $.ajax({
        type: "POST",
        url: '../php/test.php',
        data: postData ,
        contentType: "application/json",
        dataType: "json", 
        processdata: true,
        success: function (response) {

        },
        error: function(error){
        }
      });
   });

这对你有用。