jquery 简化ajax开发

 一、加载Jquery.js库文件

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

 

使用AJAX几种状况

一、向服务器文件发送数据，服务器执行一些操做，不须要回显或只显示少量信息

例如：点击删除，服务器进行一条数据的删除，只须要向用户返回删除成功或不成功

或者用户注册的时候，点击注册后向用户提示注册成功，实际上服务器只是进行了一条数据库记录的添加。也就是说增长、删除

更新等操做都属于这种状况。

二、向服务器发送数据，服务器执行了脚本后生成了页面，须要将生成的内容显 示到当前页面中

例如：但愿在页面的某个部位动态加载一些内容

 

例1、向服务器文件发送数据 键是name值是luyu 成功时弹出ok

 

<script type="text/javascript">
function send(url)
{
    $.post( url, {name:luyu} ,  function(){alert("ok");} );
}
</script>

但是当要发送表单里有大量数据时怎么办呢请看例二

下面formid是表单的id

 

例2、

 

<script type="text/javascript">
function send(url)
{
    $.post( url, $('#formid').serialize() ,  function(){alert("ok");} );
}
</script>

 

例3、须要显示到某个div中,下面div表明div的id

 

function send(url)
{
    $.('#div').load( url, $('#formid').serialize() );
}
</script>

那么如何调用上面三个函数呢

只须要在a标签的href里加javascript:，onclick事件中添加要调用的函数名便可

<a href="javascript:" onclick="send(xxxx.php)" >发送</a>