如何为Ajax从另一个站点提取的每条文本添加类

How to add classes for each piece of text pulled by Ajax from another site

本文关键字：文本 添加 提取 站点 Ajax 另一个      更新时间：2023-09-26

我正在将数据从我的wordpress网站拉到我的移动网站（不同的网站）。

Wordpress=php和mobilesite=static html。

显然，我想在两个网站上都有相同的内容，因为它是"相同的"。

我必须提取数据并用HTML显示，现在我需要处理这些数据，添加类，获取大块文本，这可能吗？

我下面的代码：

$(document).ready(function () {
var pageName;
var content;
$('li a').on('click', function (){
    pageName = $(this).attr('url');
    $.ajax({
        type: 'GET',
        url: 'http://mywebsite.com/' + pageName + '/?json=1',
        contentType: 'application/json',
        dataType: 'jsonp',
        success: function(data) {
            content = data.page.content;
            if (data.page.url === 'http://mywebsite.com/about/') {
                $('.testing').html(content);
            }
            else {
                $('.testing').html('nothing to do');
            }
        },
        error: function(error) {
            console.log(error);
        }
    });
});
});

我现在只接受来自"about"页面的文本。

现在，我需要去掉一些东西，例如：

在wordpress网站上我的about页面中有一段文字：

"

嗨，我叫Marcelo，我喜欢女孩

"

我想在移动应用程序中显示这个：

"嗨，我叫Marcelo，我喜欢"

或者可以添加一个类或ID以进行不同的使用。。

我不知道如何处理文本、标题和图像。。

欢迎任何帮助。

因此内容采用json-p数据格式。您需要做的是，您不需要像在测试类上那样将其附加，而是需要对其进行迭代并添加到类测试中，或者在添加时，可以使用addClass（）函数为内容提供所需的类。

操作文本只需使用处理文本的内置JavaScript函数即可。建立一个你想要的更详细的结构，有人会做你想要的事情。

您可以尝试以下变体：

$('li a').on('click', function (){
  $('.testing').load( $(this).attr('url') ).addClass('mobile');
});

这将URL的全部内容加载到DIV中，并向其中添加一类mobile。如果所有内容都在HTML中的一个特定ID内，你可以这样加载：

$('.testing').load( $(this).attr('url')+' #contentDiv' ).addClass('mobile');
相关文章：