如何在div jquery / php变量中更改内容

时间:2019-07-08 17:45:40

标签: php jquery

我有一个带变量的php文件。在我的主文件中,单击链接后,我希望文本取决于编号的ID。

page.php:

include ('variables.php');
<div id="summary"><?php echo $content; ?></div>
    <ul>
        <li><?php echo $title; ?>. 
            <a rel="<?php $nb="1";echo $nb; ?>" id="<?php $id="A";echo $id; ?>" href="#summary">Summary</a></li>    
        <li><?php echo $title; ?>. 
            <a rel="<?php $nb="2";echo $nb; ?>" id="<?php $id="B";echo $id; ?>" href="#summary">Other</a></li>
        <li>...</li>
    </ul>

在单独的PHP文件(variables.php)中:

$url = 'http://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];
$completeUrl = $url . $page_title;

if (strpos($url, 'page.php') !== false){
    if ($id="A") {
    $page_title = "page.php";
    $nb = "1";
    $title= "My first title";
    $content = "<h4>My first subtitle</h4><p style='line-height:normal;'>My first content...</p>";
    }

    elseif ($id="B") {
    $page_title = "page.php";
    $nb = "2";
    $title= "My second title";
    $content = "<h4>My second subtitle</h4><p style='line-height:normal;'>My second content...</p>";
    }
    ...
    else {$content = "other content";}
}

我想念可以完成这项工作的jquery函数。 我已经尝试过这样的事情:

function getContent(id)
{
    $.ajax({
    type: "GET",
    url: 'variables.php',
    data: $content, 
    success: function(data) {
        $('#summary').html(data);
        }
    });
}

<a onclick="getContent('B')...

我在控制台上遇到错误:未捕获的SyntaxError:意外的标识符。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

您的AJAX应该类似于:

$.ajax({
    type: "GET",
    url: 'getPageContent.php', // This should be a dedicated AJAX php script
    data: { name: "John", location: "Boston" } // This is JSON
    success: function(data) {
        $('#abstracts').html(data.variable); // Access variables in your returned JSON object
        }
    });

我建议先简化一些事情,以提高您的技能和对AJAX的理解,然后在对信息流充满信心之后再进行类似的事情。

这是您的任务:

  • 创建ajax.php
    • 随机发回{success: 'true'}{success: 'false'}
  • 创建script.js
    • 通过AJAX命令调用ajax.php
    • 根据返回的内容进行操作,即
      • alert('win!')代表成功:真实和
      • alert('lose!')成功:否。

完成此操作后,通过在1到100之间传递一个随机数ajax.php来扩展练习,并修改ajax.php以在$ _GET ['random'] <= 50时发送true,在> 50时发送false。然后将发送信息,对其进行处理,返回结果并对其进行处理。