jquery 简化ajax开发

 

 

1、加载Jquery.js库文件

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

 

使用AJAX几种情况

1、向服务器文件发送数据，服务器执行一些操作，不需要回显或只显示少许信息

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

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

更新等操作都属于这种情况。

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

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

 

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

 

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

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

下面formid是表单的id

 

例二、

 

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

 

例三、需要显示到某个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>