凡人足迹

参数:
options
返回值:
XMLHttpRequest
使用HTTP请求一个页面。
这是jQuery的低级AJAX实现。要查看高级抽象，见$.set、$.post等，这些方法更易于理解和使用。但是功能上有限制(例如，没有错误处理函数)。
警告：如果数据类型指定为"script"，那么POST自动转化为GET方法。(因为script会作为一个嵌入页面的script标签进行载入)
$.ajax()函数返回它创建的XMLHttpRequest对象。在大部分情况下，你不需要直接操作此对象。通常，这个XMLHttpRequest对象主要用于需要手动中断XMLHttpRequest请求的时候。
注意：如果你指明了下面列出的数据类型，请确保服务端发送了正确的MIME响应类型(如. xml 的类型是 "text/xml")。错误的MIME类型能够导致脚本出现意想不到的问题。请查看AJAX的范例来了解数据类型的更多信息。
$.ajax()函数需要一个参数，一个包含有键/值对的对象，用于初始化并操作请求对象。
在jQuery 1.2版本中，如果你指明了一个JSONP回调函数，你就可以从其它的域中载入JSON类型的数据，写法类似于 "myurl?callback=?" 。jQuery会自动调用正确的方法名称来代替查询字符串，执行你指定的回调函数。或者，你也可以指定jsonp的数据类型的回调函数，此函数会自动添加到Ajax请求中。
参数选项:
async(true) 数据类型: Boolean
默认情况下，所有的请求都是异步发送的(默认为true)。 如果需要发送同步请求, 设置选项为false。注意，同步请求可能会暂时的锁定浏览器, 当请求激活时不能进行任何操作。
beforeSend 数据类型: Function
一个预处理函数用于在发送前修改XMLHttpRequest对象，设置自定义头部等。 XMLHttpRequest作为惟一的参数被传递。这是一个 Ajax 事件。

» 阅读全文

jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。

废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到).

1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。

url (String) : 请求的HTML页的URL地址。

data (Map) : (可选参数) 发送至服务器的 key/value 数据。

callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。

这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。

这个方法可以很方便的动态加载一些HTML文件，例如表单。

» 阅读全文

登陆框，无刷新就把用户名密码提交给后台php程序，验证后发回

前台代码：

<script src="./javascript/jquery-latest.pack.js" type="text/javascript"></script> //导入jQuery框架文件 要用jQuery必须做此步
<script type="text/javascript">
$(document).ready(function(){//这个就是jQueryready  ，它就像C语言的main 所有操作包含在它里面
    $("#button_login").mousedown(function(){
   login(); //点击ID为"button_login"的按钮后触发函数 login();
    });
});

具体的php 我只是把代码原封返回，以后该改成到数据库检查。

<?php
echo json_encode(array ('username'=>$_REQUEST['username'],'password'=>$_REQUEST['password']));
?>

json_encode的功能是 把php中的变量组成数组  再封装成Json格式  再echo出来返回给调用它的jquery.ajax()

总的来说 过程是：

用户填完用户名密码 单击按钮“登陆”

jQuery 取得用户名 密码

jQuery把两个变量以post方式发送给login.php

login.php 把变量进行处理 然后把返回封装成Json

把Json抛给 前台页面

前台解释得到的Json数据 并进行下一步处理。

关于Json  就是一种数据封装，类似于XML  但更适合轻量级应用。

« LOST第四季高清晰预告片 - 第四季08年1月31日回归！冷静、独立思考能力 »
2007-12
15分享jQuery1.2的CHM版（增UI、插件文档）
发表于：web开发
关键词：jQuery x欢迎访问aw's blog。对我的观点感兴趣，可通过订阅我的RSS（什么是RSS？）保持更新，选择您使用的阅读器：Google Reader、鲜果、抓虾（更多）
         您可能也对这些感兴趣切换
jQuery升级到1.2.1 - 9月的惊喜Use a simple jQuery to improve your Alexa Ranksex - 偶们谈“性”色不变~交友+视频交友流量稳步上涨的总结与分享提高Blog初期访问量的5个必备因素jQuery对前端开发人员来说，实在是一个不可多得的“利器”。

我认为，原型开发者（Prototype Developer）肯定更加喜爱jQuery这套框架，没有Yui-Ext的庞杂，没有Prototype（框架）的OOP语法。jQuery的“哲学”（philosophy，或者叫“理念”吧）无不映射着一种“简单、朴实”之美：Find things, do stuff（我姑且理解为“物尽其用”）

然而，jQuery的文档却一直没有好的支持。官方的服务器我这边访问起来比较慢，有时候在正规项目中，又必须追求好的质量，这意味着要不停地查阅文档。（如果你告诉我一个优秀的JavaScript程序员应该把每一条语句烂记于心，我建议你继续接受我们的义务应试教育）

下载地址：

» 阅读全文

 JavaScript为我们提供几种对话框功能，但功能都十分有限；虽然在IE下可以通过模式窗体的方式创建更丰富的对话框功能，但毕竟只有IE得到支持。为了得到更丰富的自定义对话框功能，于是用JQuery编写了一个对话框插件；只需简单地引用相关JavaScript就能得到丰富的自定义对话框功能。

插件功能特点:

       允许通过CSS进行外观控制。

       可以任意把面页的元素作为对话框显示。

       当对话框激活时，对话框外的任何元素不能接受鼠标操作。

       对话框可以在工作区范围内任意移动，根据工作区大小自适应居中功能。

       并不需要编写复杂的JavaScript,通过简单HTML属性描述即可。

       经过测试插件可以在Firefox和IE下正常工作。

简单使用描述：

       引用JQuery和对话框插件文件：

       <script src=jquery-latest.js></script>

<script src=messageBox.js></script>

» 阅读全文

加入文章顶或踩功能 修改原程序文件

1.加入jquery.js到include目录
2.修改模版文件show.php:

引入jquery.js
<script type="text/javascript" src="include/jquery.js"></script>

行引入ding.js
<script type="text/javascript" src="include/ding.js"></script>

适当位置加入
    <div class="digbox">
        <div class="dig" id="showding">$d</div>
        <div class="digaction" id="digding"><a href="###">顶一下</a></div>
    </div>

3.修改数据库表articles
增加ding字段 varchar(10),默认值为0|0(原设计为顶或踩两个功能)

4.增加CSS样式

.digbox{
width:52px;
height:80px;
float:right;

}
.dig{
    width:52px;
    height:52px;
    background:url(img/dig.gif) repeat-y;
    font-size: 20px;
    color:#FFFFFF;
    line-height: 52px;
    text-align: center;
    clear: both;

}
.digaction{
    width:52px;
    height:20px;
    font-size: 12px;
    margin-top:5px;
    border: 1px solid #DEEAF7;
    text-align: center;
    line-height: 20px;
    color:white;
    background:url(img/btn_normal.gif);
    font-weight:bold;
}
.digaction a:link{
color:white;
text-decoration:none
}

.digaction a:hover{
color:black;
text-decoration:none;
border: 1px solid #ADCAEC;
display:block

}

» 阅读全文

jquery学习
求文本或者表单的和

//tclass为1时表示文本方式，留空为表单方式
function getsum(divId,textId,showId,tclass){
    $(document).ready(function() {
        var total = 0;
            $(divId).find(textId).each(function(i) {
            if(tclass == 1) {
            var t = parseInt($(this).text());
            } else {
            var t = parseInt($(this).val());
            }
                    total += t;
                    $(showId).html(total);
            });
    });
}

» 阅读全文

<select name=’sel’ id=’sel’>
<option value=’1′>1</option>
<option value=’2′ selected=’selected’>我被选中了</option>
<option value=’3′>2</option>
</select>
<script>
alert($("select[@name=’sel’] option[@selected]").text());
$("#sel").val(’2′);
alert($("select[@name=’sel’] option[@selected]").text());
</script>

查询被选中的option中的内容当然也可以用 alert($("#sel option[@selected]").text());

稍微解释一下:
select[@name=’sel’] option[@selected] 表示具有name 属性，并且该属性值为’sel’ 的select元素 里面的具有selected 属性的option 元素；可以看出有@开头的就表示后面跟的是属性。

» 阅读全文