【问题标题】:Access Data from Database with Ajax使用 Ajax 访问数据库中的数据
【发布时间】:2013-10-29 20:04:01
【问题描述】:

我已经尝试了几乎所有解决方案,并且我知道如果我在 php 中硬编码,我的数据库会返回值,因此问题是返回值或确定它是否实际作为邮件发送。它进入成功功能并发出警报,但我的项目 ID 未定义。

$(document).ready(function() {

$('.check').click(function(){
alert("Step1");
var thisID    = $(this).attr('id');
alert(thisID);
$.ajax({
    type: "GET",
    url: "XXX.PHP",
    data: { "ID": thisID},
    cache: false,
    async:true,
    datatype: "json",
    success: function(data)
    {
        alert("WORKED");
        alert(data.ItemID);
    }

});
}); 
});  

这里是 PHP

if(isset($_POST['ID']))
{
$ID = $_POST['ID'];
function retrieve($ID)
{
$stmt = $mysqli->query("SELECT * FROM  database1.menu  WHERE ItemID = $ID");

if($stmt->num_rows) //if there is an ID of this name
{  
 $row = $stmt->fetch_assoc();
 echo $row;
 print json_encode($row);   

}
 }

【问题讨论】:

  • type: "GET", 切换为type: "POST", 并开始掌脸。我之前在这个问题上已经面面相觑了哈哈
  • 你在做ajax GET的时候为什么在看@_POST
  • 一个非常优秀的调试工具是console.log();,它与任何现代浏览器(如 IE8 及更高版本)中的控制台窗口结合使用。不要对“网络”选项卡感到陌生,因为那里创造了美丽的和谐。在您的情况下,您会在 AJAX 成功处理程序中使用 console.log(data); 而不是 alert("WORKED");
  • XMLHttpRequest 无法加载 xxx/xxx/xxx/xx.php。 Access-Control-Allow-Origin 不允许 Origin null。我尝试了学习方式,但这也不起作用我很欣赏console.log,因为Dreamweaver 显示了chrome 出于某种原因没有显示的警报。 GET 也是超级大掌。
  • 我以前从未将 DreamWeaver 用于超级简单的 HTML 页面以外的任何东西,但我不得不假设您遇到的错误是由于 DreamWeaver 造成的。坚持在 Web 浏览器中严格调试,因为人们不会在 DreamWeaver 中浏览 Internet,因此它不能可靠地表示在浏览器中访问您的页面时所面临的挑战。 Access-Control-Allow-Origin 听起来您正在尝试访问您自己以外的域。简单地说“如果代码在 www.site1.com 上运行,您不能向 www.site2.com 发送 AJAX 请求”...继续下面

标签: php jquery post get undefined


【解决方案1】:

你可以试试这样的。不确定这是否是您需要的。

$(".check").click(function(event){
    event.preventDefault();
        var $this = $(this);
        var thisID = $this.attr('id');

        $.ajax({
             type: "POST",
             url: base_url + "url.php", 
             data: {
                 id: thisID          
             },
             dataType: "text",  
             cache:false,
             success: 
              function(data){
                 alert(data);
              }
         });

    return false;
}); 

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-28
    • 1970-01-01
    • 2011-04-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多