-2

嗨，我是 AJAX 的新手，并且已经避免它很长一段时间了。我目前正在使用 jQuery 插件，我需要使用 AJAX 来传达要使用的数据（来自 PHP）。

这是我正在使用的 jQuery 代码：

$("#fancybox-manual-c").click(function () {
    $.fancybox.open([{
        href: '1_b.jpg',
        title: 'My title'
    }, {
        href: '2_b.jpg',
        title: '2nd title'
    }, {
        href: '3_b.jpg'
    }], {
        helpers: {
            thumbs: {
                width: 75,
                height: 50
            }
        }
    });
});

如何使用 AJAX 检索 PHP 数据以输入 href 和标题。任何信息或教程将不胜感激！

谢谢！！

4

2 回答 2

1

文档ajax()演示了几个示例，这是另一个基本示例：

javascript

$.ajax({
  type: "POST",
  url: "some.php",
  dataType:'json',
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  if (msg.err == true) {
     alert('Error: '+msg.msg);
     return;
  }
  alert("A winner is: '+msg.name);
});

php

    <?php

        $response = array(
            'err'=>false,
            'msg'=>''
        );
        $name = isset($_POST['name']) ? $_POST['name'] : false;
        $location= isset($_POST['location']) ? $_POST['location'] : false;

        if (!$name) {
            $response['err'] = true;
            $response['msg'] = 'Invalid name';
            die(json_encode($response));
        }

        $response['name'] = $name;
        if ($location)
            $response['name'] .= ' from '.$location;
        die(json_encode($response));
 ?>

正如您所注意到的，大多数开发人员都鼓励彼此先检查文档，事实上，谷歌查询“ajax 教程”会非常有成果！:)

文档

于 2012-07-11T18:39:27.373 回答
1

我昨天和你的情况完全一样。网上有很多很好的 Ajax 教程，但似乎没有一个给出最基本的示例。这是我要学习的内容。

确保 jquery.js 与此 html 文件位于同一文件夹中。我命名了我的 test.php。

该文件对文件 script.php 进行了非常简单的 POST ajax 调用，它还发送了一个名为 testCheck 的变量，其值为 true。返回数据后，回调函数运行，该函数使用 AJAX 给出的响应填充名为#test 的 DIV。

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<style>
#test {
 width: 200px;
 height: 200px;
 background: gray;
}
</style>
</head>

<script type="text/javascript">
$(document).ready(function() {
$("#test").click(function() {
    $.post("script.php", {testCheck: true}, function(data) {
      $('#test').html(data);
    });     
});   
});
</script>

<body>
  <div id="test">TEST DIV</div>
</body>
</html>

这是具有 php 逻辑的 script.php 文件。如果将这两个文件与 jquery.js 文件一起放入同一个目录并在 Apache 服务器上运行它应该可以正常工作。

<?php


$testCheck = $_POST['testCheck'];

if($testCheck)
{
    echo "It is true!";
}
else
{
    echo "It is false!";
}

?>
于 2012-07-11T18:55:56.653 回答