存档

文章标签 ‘Ajax’

ExtJs简易教程

2009年9月24日 没有评论

  有两个月没更新部落格了。今天发一篇简易的ExtJs教程。针对想学但还没有学ExtJs的朋友,当然在看下面的教程(说明?)时你需要掌握一些javascript的基本知识。
  什么是ExtJs呢?[请看这里]
  其实ExtJs就是提供的一大堆封装好的函数,API。如果你有javascript的经验那么对你而言学习ExtJs无非是查API而已。
下面对新手说明使用ExtJs的一些常识:

1.使用ExtJs的一个最重要的方法,配置(config):
  在使用ExtJs使最常用到的就是对封装好的类进行配置,配置其实就是向封装好的函数传入一个数组,在javascript中数组的一种形式类似于键值对。
如var a={v1:’1′,v2:’2′,v3:’3′…},需要v1对应的值那么使用a['v1']就可以得到。为什么不以多个参数的形式呢?因为ExtJs的东东的实例化参数实在太多了,少则四五个,多则一二十个。所以使用ExtJs的时候最好下载API,不查API基本上什么也干不成。
阅读全文…

分类: 高级民工 标签: ,

INOVE主题AJAX化

2009年6月17日 7 条评论

  在 首页文章载入Ajax化 这篇文章中介绍了让首页显示的文章异步加载方法。本文将介绍在inove主题中使除文章和页面即single与page外的页面实现AJAX化。
  首先下载我做的一个插件就是 首页文章载入Ajax化 中用到的(download).
  1.修改插件Myajax.php中的function echoJs()函数的判断语句if(is_home())改为if(!is_single()&&!is_page()).
  2.修改inove主题的archive.php文件。去掉

<?php the_content(__('Read more...', 'inove')); ?>

(大概在52行左右).
首页的更改请参照首页文章载入Ajax化
  3.激活插件。

此时除了文章和页面直接加载外,其他的包括,首页,标签,分类,文章存档,搜索等显示的文章都会通过AJAX加载。
如有疑问请留言。

分类: BLOG建设 标签: , ,

首页文章载入Ajax化

2009年5月30日 4 条评论

  不知道是什么原因,本站有些文章在搜索引擎中的位置反而在首页的后面。比如有某篇文章中提到了”xxxx”,文章发布后会在首页显示,当搜素引擎抓取后搜索本站中的”xxxx”时,首页反而排在了该文章的前面。浏览者点击搜索结果进入本站时,如果是首页,很可能文章已经不在首页了。为了解决这个问题想让首页中显示的文章内容全部由ajax载入。这样就避免了搜索引擎对首页显示的文章内容进行抓取,也加快了首页的载入速度。

  一个自己写的小插件,主要功能是返回所请求文章的摘要,实现首页文章载入的AJAX化,JS部分非原创,修改而已(下载地址在文章末尾)。

<?php
/*
Plugin Name: myAjax
Plugin URI: 
Description: This only a test!
Author: opsunv
Version: 0.0.1
Author URI: http://www.opsunv.com
*/
$myAjax_dir = get_bloginfo('wpurl').'/wp-content/plugins/myAjax';
function load_post_for_index($id){
	$post=new WP_Query();
	$post->query('p='.$id);
	if ($post->have_posts()){
		$post->the_post();
		return the_content('Read more...');
	}else {
		return "Sorry no archives match!";
	}
}
 
function myAjax(){
	$myAction=$_GET['do'];
	$id=$_GET['id'];
	if($myAction){
		if($myAction=='load_post'&&$id){
			echo load_post_for_index($id);
			exit;
		}
	}
}
function echoJs(){
	global $myAjax_dir;
	if(is_home()){
		echo '<script type="text/javascript" src="'.$myAjax_dir.'/post.js"></script>';
 
	}
}
 
add_action('wp_footer','echoJs');
add_action('parse_request','myAjax');
?>

写本插件时遇到的一个问题:如果使用query_posts() 来获取得到的文章内容似乎不能解析wordpress的more标签,所以另外实例化了一个WP_Query。
使用方法:
 1.把首页中的输出文章内容的代码去掉,如主题index.php中类似于

<?php the_content()?>

 2.确保你的网页中添加了jquery。
 3.下载插件,激活。Download

分类: BLOG建设 标签: , ,