??xml version="1.0" encoding="utf-8" standalone="yes"?>BlogJava-紫蝶∏飛揚↗-文章分类-JQueryhttp://www.268147.live/algz/category/41828.html我的QQ?7101519 专注于前端设?偏重于程?的开?/description>zh-cnTue, 13 Apr 2010 06:29:10 GMTTue, 13 Apr 2010 06:29:10 GMT60jQuery的插件cookie 不过好像没有遍历功能http://www.268147.live/algz/articles/317901.html紫蝶∏飛揚↗紫蝶∏飛揚↗Fri, 09 Apr 2010 15:27:00 GMThttp://www.268147.live/algz/articles/317901.htmlhttp://www.268147.live/algz/comments/317901.htmlhttp://www.268147.live/algz/articles/317901.html#Feedback0http://www.268147.live/algz/comments/commentRss/317901.htmlhttp://www.268147.live/algz/services/trackbacks/317901.html $.cookie('the_cookie'); //dCookie?br /> $.cookie('the_cookie', 'the_value'); //讄cookie的?br /> $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新徏一个cookie 包括有效?路径 域名{?br /> $.cookie('the_cookie', 'the_value'); //新徏cookie
$.cookie('the_cookie', null); //删除一个cookie

]]>
jsonp q行 Javascript 的跨域数据访问[转]http://www.268147.live/algz/articles/303638.html紫蝶∏飛揚↗紫蝶∏飛揚↗Wed, 25 Nov 2009 07:36:00 GMThttp://www.268147.live/algz/articles/303638.htmlhttp://www.268147.live/algz/comments/303638.htmlhttp://www.268147.live/algz/articles/303638.html#Feedback0http://www.268147.live/algz/comments/commentRss/303638.htmlhttp://www.268147.live/algz/services/trackbacks/303638.html


1.JSONPQJSON with Padding-填充json数据也就是常用的json跨域方式Q:利用script标签Q通过特定的src地址的调用,来执行一个客L的js函数Q在 服务器端生成相对的数据(json格式Qƈ以参数的形式传递给q个客户端的js函数q执行这个函敎ͼ前提是需要服务器端的数据输出支持?nbsp;      

2.Z么用JSONPQ由?JSON 只是一U含有简单括L构的U文本,因此许多通道都可以交?JSON 消息。因为同源策略的限制Q我们不能在与外部服务器q行通信的时候? XMLHttpRequest。而JSONP是一U可以绕q同源策略的ҎQ即通过使用 JSON ?<script> 标记相结合的ҎQ从服务端直接返回可执行的JavaScript函数调用或者JavaScript对象?nbsp;      

3.谁在使用JSONPQdojo、JQuery、Youtube GData API 、Google Social Graph API 、Digg API 、GeoNames webservice、豆瓣API、Del.icio.us JSON API{?/p>

------------------------------------------------------------------------------------------------


?AJAX 一PJSONP 实际上也是早已存在,只是说法相对比较新颖Q貌g出来很久了)。自 1.2 版本PJQuery加入了对 JSONP 的支持(http://docs.jquery.com/Ajax/jQuery.getJSON#urldatacallbackQ。我们可以很Ҏ的利?$.getJSON() ҎQ或者其它基?$.ajax() 的方法)Q来跨域加蝲 JSON 数据。我参考官|,写了个JQ试的例子:

a.html

<html>
<head>
  <script src=">
</head>
<body>
<script type="text/javascript">
function do_jsonp() {
    $.getJSON("
    function(data) {
        $('#result').val('My name is: ' + data.nick);
    });
}
</script>
<a href="javascript :do_jsonp();">Click me</a><br />
<textarea id="result" cols="50" rows="3"></textarea>
</body>
</html>

profile2.php

<?php
$callback = isset($_GET['callback']) ? $_GET['callback'] : '';
$json = '';

//php数组
$arr = array(
     'name' => 'lava',
     'nick' => '比目?,
     'contact' => array(
      'MSN' => 'lavaguo#msn.com',
         'email' => 'guo.feng#zol.com.cn',
         'website' => 'http://www.zol.com.cn',
     )
 );

$arr = gb2312ToUtf8($arr);//中文需要{UTF-8
$json = json_encode($arr);//转成json数组
if (!empty($callback)) {
    $json = $callback . '(' . $json . ')';//注意q里的格式,调试时这里费了点旉
}
echo $json;

function gb2312ToUtf8(&$input)
{
    if (!is_array($input)) {
        $input = iconv('GB2312', 'UTF-8', $input);
    } else {
        foreach ($input as $k=>$v) {
            gb2312ToUtf8(&$input["$k"]);
        }
    }
    return $input;
}

?>

你可能注意到上面的例子中Qurl 被写成了http://active.zol.com.cn/guofeng/profile2.php?callback=?Q需要说明的是,q个问号会被 jQuery 自动替换为回调函数的函数名(如果是一个匿名函敎ͼJQuery 会自动生成一个带旉戳的函数名)?/p>

ȝ下JSONP原理Q?/strong>

首先在客L注册一个callback, 然后把callback的名字传l服务器?/p>

此时Q服务器先生?json 数据?nbsp;

然后?javascript 语法的方式,生成一个function , function 名字是传递上来的参数 jsonp.

最后将 json 数据直接以入参的方式Q放|到 function 中,q样q成了一D?js 语法的文,q回l客L?/p>

客户端浏览器Q解析script标签Qƈ执行q回?javascript 文Q此时数据作为参敎ͼ传入C客户端预先定义好?callback 函数?Q动态执行回调函敎ͼ

            转自:http://blog.zol.com.cn/859/article_858048.html



]]>
JQuery 选择?/title><link>http://www.268147.live/algz/articles/296454.html</link><dc:creator>紫蝶∏飛揚↗</dc:creator><author>紫蝶∏飛揚↗</author><pubDate>Fri, 25 Sep 2009 09:35:00 GMT</pubDate><guid>http://www.268147.live/algz/articles/296454.html</guid><wfw:comment>http://www.268147.live/algz/comments/296454.html</wfw:comment><comments>http://www.268147.live/algz/articles/296454.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.268147.live/algz/comments/commentRss/296454.html</wfw:commentRss><trackback:ping>http://www.268147.live/algz/services/trackbacks/296454.html</trackback:ping><description><![CDATA[<p><img alt="" src="http://www.268147.live/images/blogjava_net/algz/baseSelector.jpg" width="571" border="0" height="993" /><br /> <img alt="" src="http://www.268147.live/images/blogjava_net/algz/layerSelector.jpg" border="0" /><img alt="" src="http://www.268147.live/images/blogjava_net/algz/filterSelector.jpg" width="577" height="1083" /><img alt="" src="http://www.268147.live/images/blogjava_net/algz/contentSelector.jpg" width="570" height="629" /></p> <img src ="http://www.268147.live/algz/aggbug/296454.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.268147.live/algz/" target="_blank">紫蝶∏飛揚↗</a> 2009-09-25 17:35 <a href="http://www.268147.live/algz/articles/296454.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JQuery 学习http://www.268147.live/algz/articles/296321.html紫蝶∏飛揚↗紫蝶∏飛揚↗Thu, 24 Sep 2009 09:31:00 GMThttp://www.268147.live/algz/articles/296321.htmlhttp://www.268147.live/algz/comments/296321.htmlhttp://www.268147.live/algz/articles/296321.html#Feedback0http://www.268147.live/algz/comments/commentRss/296321.htmlhttp://www.268147.live/algz/services/trackbacks/296321.html $(...)==JQuery(...)    $是JQuery快捷?br /> JQuery对象: $(...)
DOM对象:  document.getElementById("id")/document.getElementByTag("div")

(2)环境配置
http://jquery.com/ 下蝲JQuery最新版Q其中有二个版本Q?20K的是学习开发版Q另一?9K是Gzip压羃后品项目版Q服务器得开启Gzip功能Q?

]]>
3 1ֿ3߼ƻ 36ѡ7 ò1 Ʊָ 11ѡ5ֱ ʮһѡͼ 㶫11ѡ5淨 qqֱ ʱ в 10н