Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使用jquery从博客中加载内容?

如何使用jquery从博客中加载内容?
EN

Stack Overflow用户
提问于 2010-10-14 20:56:49
回答 1查看 3.4K关注 0票数 0

我想从博客获得个人帖子,并使它们成为单独的类,并将其内容添加到我的网站上。我需要这样做,因为我托管网站的硬件的处理能力非常低(奔腾3),内存非常小(512MB),如果我只是在上面放一个wordpress博客,响应时间将会非常慢,即使是通过一个反向代理,如lighttpd或nginx。

因此,到目前为止,我知道我需要调用jQuery.ajax()并将其指向博客博客的atom提要,但是之后我就迷路了。如何在获取xml数据后将其分离为单独的博客帖子/类,并可能加载将在这些博客帖子中发布的图像?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-10-14 23:45:36

下面是一个如何处理Atom提要的示例。在本例中,我正在获取一个本地XML提要文件。在现实世界中,您将需要一个简单的代理脚本来为您获取它,因为您无法发出跨域XML请求。简而言之,要使用jQuery处理任何XML,只需使用节点的“标记”名称循环遍历节点集合,并获取它们的内容,以后就可以根据需要重新利用这些内容……

在本例中,我正在处理一个包含标题和内容的提要tags...for摘要提要您可能需要包含一个摘要标记处理

代码语言:javascript
运行
AI代码解释
复制
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
        </script>
        <script>
            //This example shows getting a local ATOM file. I am assuming that you will be using a proxy to fetch the feed as you 
            //are getting it from a remote source

            //get the feed
            $.get("feed.xml", function(data){

                //if XML loaded successfully find all blog entries
                html = "";
                $(data).find("entry").each(function(){

                    //get text for title and the content 
                    title = $(this).find("title").text();

                    content = $(this).find("content").text()

                    //create your own html
                    html += "<h1>" + title + "</h1>";
                    html += "<div class='blogEntry'>" + content + "</div>"

                })
                //append html to the container of yor choice
                $(".blogClone").append(html)
            })

        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Untitled Document</title>
    </head>
    <body>
        <div class="blogClone">
        </div>
    </body>
</html>

如果您在服务器上使用PHP,这是您需要的简单代理脚本

代码语言:javascript
运行
AI代码解释
复制
<?php
// PHP Proxy
// Responds to both HTTP GET and POST requests
//
// Author: Abdul Qabiz
// March 31st, 2006
//

// Get the url of to be proxied
// Is it a POST or a GET?
$url = ($_POST['url']) ? $_POST['url'] : $_GET['url'];
$headers = ($_POST['headers']) ? $_POST['headers'] : $_GET['headers'];
$mimeType = ($_POST['mimeType']) ? $_POST['mimeType'] : $_GET['mimeType'];

//Start the Curl session
$session = curl_init($url);

// If it's a POST, put the POST data in the body
if ($_POST['url']) {
    $postvars = '';
    while ($element = current($_POST)) {
        $postvars .= key($_POST).'='.$element.'&';
        next($_POST);
    }

    curl_setopt($session, CURLOPT_POST, true);
    curl_setopt($session, CURLOPT_POSTFIELDS, $postvars);
}

// Don't return HTTP headers. Do return the contents of the call
curl_setopt($session, CURLOPT_HEADER, ($headers == "true") ? true : false);

curl_setopt($session, CURLOPT_FOLLOWLOCATION, true);
//curl_setopt($ch, CURLOPT_TIMEOUT, 4);
curl_setopt($session, CURLOPT_RETURNTRANSFER, true);

// Make the call
$response = curl_exec($session);

if ($mimeType != "") {
    // The web service returns XML. Set the Content-Type appropriately
    header("Content-Type: ".$mimeType);
}

echo $response;

curl_close($session);

?>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3937507

复制
相关文章
c++创建对话框_窗体边框改为对话框样式
本例中将涉及到对话框标题栏的自绘,双缓冲位图的显示以及位图按钮类的使用。
全栈程序员站长
2022/11/07
1.4K0
Win32对话框程序(2)
接着Win32对话框程序(1)来写 ,解决遗留的问题,即理解函数及其调用关系。文章中有些地方是自己的推断,因此肯定有叙述不准确甚至错误的地方,请指正,感谢~ 
李拜六不开鑫
2018/10/11
1.2K0
Win32对话框程序(2)
Win32对话框程序(1)
之前学C语言是一直都是在控制台下面操作的,面对的都是黑框框,严重的打击了学习的兴趣。后来在TC下进行C语言课程设计,做了图形界面编程,但都是点线面画的…… 
李拜六不开鑫
2018/10/11
7800
Win32对话框程序(1)
Android-对话框Dialog风格、样式全解析
https://blog.csdn.net/qq_43377749/article/details/85035693
圆号本昊
2021/09/24
6910
Android-对话框Dialog风格、样式全解析
对话框
对话框是一个现代GUI应用不可或缺的一部分。对话是两个人之间的交流,对话框就是人与电脑之间的对话。对话框用来输入数据,修改数据,修改应用设置等等。
小飞侠xp
2018/12/24
2.4K0
C#打开文件对话框(OpenFileDialog)
打开文件对话框(OpenFileDialog)    1、   OpenFileDialog控件有以下基本属性      InitialDirectory   对话框的初始目录       Filter   要在对话框中显示的文件筛选器,例如,"文本文件(*.txt)|*.txt|所有文件(*.*)||*.*"       FilterIndex   在对话框中选择的文件筛选器的索引,如果选第一项就设为1       RestoreDirectory   控制对话框在关闭之前是否恢复当前目录       FileName   第一个在对话框中显示的文件或最后一个选取的文件       Title   将显示在对话框标题栏中的字符       AddExtension   是否自动添加默认扩展名       CheckPathExists   在对话框返回之前,检查指定路径是否存在       DefaultExt   默认扩展名       DereferenceLinks   在从对话框返回前是否取消引用快捷方式       ShowHelp   启用"帮助"按钮       ValiDateNames   控制对话框检查文件名中是否不含有无效的字符或序列      2、   OpenFileDialog控件有以下常用事件      FileOk   当用户点击"打开"或"保存"按钮时要处理的事件       HelpRequest   当用户点击"帮助"按钮时要处理的事件
阳光岛主
2019/02/19
3.9K0
JavaScript对话框
在JavaScript中,我们可以使用window对象中的alert()方法来弹出一个提示框。该对话框效果如下:
Qwe7
2022/04/09
1.8K0
android自定义toast样式_android设置对话框宽度
在一般的android开发中我们一般弹出一些提示信息,例如 已打开蓝牙,wifi之类的提示,我们都是会选择Toast进行弹出。今天我们的客户提出们应用弹出提示太小,用户不注意的情况下,容易被忽略掉,要弹出的宽度填充整个屏幕,首先想到是不是需要自定义Toast,经过自己的一番研究后,发现不需要自定Toast,用现有的Toast就可以轻松实现了。 public void showToast(Context conext,String str){ if(mToast ==null){ Log.i(“showToast”,”showToast…….”); mToast = Toast.makeText(conext, null, Toast.LENGTH_SHORT); mToast.setGravity(Gravity.CENTER, 0, 0); LinearLayout toastView = (LinearLayout)mToast.getView(); WindowManager wm = (WindowManager)conext.getSystemService(Context.WINDOW_SERVICE); DisplayMetrics outMetrics = new DisplayMetrics(); wm.getDefaultDisplay().getMetrics(outMetrics); tv=new TextView(this); toastView.setBackgroundResource(R.mipmap.bg); tv.setTextSize(40); toastView.setGravity(Gravity.CENTER); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); params.setMargins(0, 0, 0, 180); tv.setLayoutParams(params); mToast.setView(toastView); toastView.addView(tv); } tv.setText(str); mToast.show(); } 就可以实现下面的效果。
全栈程序员站长
2022/11/04
8730
android自定义toast样式_android设置对话框宽度
Tkinter的消息对话框
showinfo, showwarning, showerror, askquestion, askokcancel,askyesno, or askretrycancel
py3study
2020/01/10
1.2K0
Qt模态对话框和非模态对话框
Qt 中使用QDialog类实现对话框。我们的对话框通常继承自QDialog。对话框分为模态对话框和非模态对话框。所谓模态对话框,就是会阻塞同一应用程序中其它窗口的输入。Qt使用QDialog::exec()来实现模态对话框。如下所示:
zy010101
2020/04/10
3.5K0
Qt模态对话框和非模态对话框
MFC编程入门之六(对话框:创建对话框模板和修改对话框属性)
本节开始为大家讲解偏向应用的知识——创建对话框。    对话框,大家应该很熟悉了,在我们常用的软件中大多都有对话框界面,例如,360安全卫士的主界面其实就是对话框,知识它做了很多美工 方面的工作,将其大大美化了。    创建对话框主要分为两大步:    第一,创建对话框资源,主要包括创建新的对话框模板、设置对话框属性和为对话框添加各种控件;    第二,生成对话框类,主要包括新建对话框类、添加控件变量和控件的消息处理函数等。
acoolgiser
2019/06/14
3.7K0
MFC编程入门之六(对话框:创建对话框模板和修改对话框属性)
如何为 Win32 的打开和保存对话框编写文件过滤器(Filter)
在使用 Win32 / WPF / Windows Forms 的打开或保存文件对话框的时候,多数情况下我们都会考虑编写文件过滤器。UWP 中有 FileTypeFilter 集合可以添加不同的文件种类,但 Win32 中却是一个按一定规则组合而成的字符串。
walterlv
2023/10/22
2860
如何为 Win32 的打开和保存对话框编写文件过滤器(Filter)
不同样式tooltip对话框小三角的css实现
开发过程中已经遇到过好多次需要手动实现 tooltip 样式了,这里就总结下,以便未来更好的复制粘贴。
用户4456933
2021/07/12
2.1K0
不同样式tooltip对话框小三角的css实现
mfc 创建模态对话框与非模态对话框
所谓模态对话框就是该对话框被创建后,其父窗口不能响应任何消息,无法操作,只有在关闭了新创建出来的窗口后才能继续操作其后面的父窗口。而非模态对话框则不会有这种情况,非模态对话框创建完成后不影响父窗口的操作,两个窗口可以同时响应消息。
我与梦想有个约会
2023/10/20
4270
mfc 创建模态对话框与非模态对话框
对话框外挂标签
新建[Blogroot]\themes\butterfly\scripts\tag\msgbox.js,注意外挂标签是内部函数,必须放在scripts目录下才会生效,不要自作聪明放到别的目录去再inject。
Akilar
2023/01/30
8700
MFC创建对话框
开发环境 VS2015, 目前VS2017存在bug,创建对话框会出现问题 操作步骤: 添加对话框资源 在新建的视图资源上右键添加类 输入对话框类名,以C(大写)开头,建议Dlg结尾
包子388321
2020/06/16
1.5K0
显示打印对话框
Montaque(Rain + Man=Rainman)  http://search.csdn.net/Expert/topic/1756/1756799.xml?temp=.8004572 加
Java架构师必看
2021/03/22
1.1K0
[android] 常见对话框
获取AlertDialog.Builder对象,通过new Builder(context)参数:上下文
唯一Chat
2019/09/10
8550
点击加载更多

相似问题

组合框外观

20

给WixUIExtension对话框一个稍微更现代的外观

12

对话框中表格中的jqueryui组合框外观错误

11

对话框具有现代外观的时间设计,但旧外观的运行时(使用可视C++和资源编辑器)

69

Javascript气球外观对话框

14
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档