jquery ajax 应用实例

jquery ajax 应用实例<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>jquery ajax 应用实例</title>
<script language="网页特效">
$(document).ready(function(){
    var a={};$(".followpreview").mouseo教程ver(function(){
        var h=$(this);var b=h.attr("id"),d=h.offset().left,j=h.offset().top+h.height(),g="";var e=$("body").width();
        if(e-d<210){d=d-186;g="followerpreviewboxarrright"}else{g="followerpreviewboxarrleft";}
        a[b]=window.settimeout(function(){
            var l="box"+b;var k=b.replace("fu","");
            if(document.getelementbyid(l)==null){
                $("body").append('<div class="followerpreviewbox" id="'+l+'"></div>');
                $("#"+l).css教程({left:d,top:j}).fadein(500);
                $.ajax({type: "get",url:  webaddr+"/www.111cn.net/ajax.php教程?act=getuserinfo&uid="+k+"&class="+g+"&rank="+getrandomnum(1,999999),success: function(msg){$("#"+l).html(msg).css("backgroundimage","none");}});
            }else{$("#"+l).fadein(500)}},500);function c(){var l=$(this).attr("id");window.cleartimeout(a[l]);var k="box"+l;$("#"+k).fadeout(500)}}
         ).mouseout(function(){var c=$(this).attr("id");window.cleartimeout(a[c]);var b="box"+c;$("#"+b).hide()})});
</script>
</head>

<body>

ajax.php 文件
<?php
$api=1;
include('../common.inc.php');

//发送私信
if($action=='send') {
 $content = trim($_post["content"]);
    $funame = $_post["funame"];
    $user=user_info("user_name='$funame'");
    if (!$user['user_id']) {
        echo '您发送的用户不存在';
        exit;
    }
 if (!empty($content)) {
        $content=getsubstrutf8($content,0,140,false);
        $content=replace($content);
        $content=daddslashes($content);

        $db->query("update et_users set priread = priread+1 where user_id='$user[user_id]'");
        $db->query("insert into et_messages (senduid,sendname,sendnickname,sendhead,sendtouid,sendtoname,sendtonickname,messagebody,sendtime) values ('$my[user_id]','$my[user_name]','$my[nickname]','$my[user_head]','$user[user_id]','$user[user_name]','$user[nickname]','$content','$addtime')");
        echo 'success';
        exit;
    } else {
        echo '您没有填写发送的内容,返回重新填写';
        exit;
    }
}

if ($act=='getuserinfo') {
    $uid=$_get['uid'];
    $class=$_get['class'];
    $userquery = $db->query("select nickname,user_head,lastcontent,lastconttime from et_users where user_id='$uid'");
    $user=$db->fetch_array($userquery);
    $head=$user['user_head']?"$webaddr/attachments/head/".$user['user_head']:"$webaddr/images/noavatar.jpg";
    $content=simplecontent($user[lastcontent]);

    $time=$user[lastconttime]?timeop($user[lastconttime]):"";
    echo '<div class="'.$class.'"></div><table width="200" border="0" cellpadding="0" cellspacing="0"><tr><td width="53" rowspan="2" align="left" valign="top"><img src="'.$head.'" width="48px" /></td><td><strong>'.$user[nickname].':</strong>'.emotionrp($content).'</td></tr><tr><td class="followtime">'.$time."</td></tr></table>";
    exit;
}

if ($act=='getreplycontent') {
    $contid=$_get['contid'];
    $contdata=getreply($contid);
    if ($contdata) {
        $contents=ubb($contdata['content_body']);
        echo '<div class="status_reply_list">
            <div class="top"></div>
            <div class="cont">
            <h1 class="line">以下是原文:<a href="'.$webaddr.'/op/view/'.$contid.'">原文回复('.$contdata['replytimes'].')</a></h1>
            <div class="replyajaxbox"><a href="'.$webaddr.'/'.$contdata['user_name'].'">'.$contdata['user_nickname'].'</a>:'.$contents.'</div>
            </div>
            <div class="bottom"></div>
            </div>';
    }
}
?>

</body>
</html>

时间: 2024-09-14 13:56:23

jquery ajax 应用实例的相关文章

jquery ajax 应用实例代码

jquery ajax 应用实例代码 /*  ajax 向页面发送数据                 $.post('save.cgi', {     text: 'my string',     number: 23 }, function() {     alert('your data has been saved.'); });   如果您确实需要编写一些复杂的 ajax 脚本,那么需要用到 $.ajax() 函数.您可以指定 xml.script.html 或者 json,jquer

jQuery Ajax使用实例_jquery

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的差异了. $.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()一.$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二.$.ajax的参数描述 参数 描述 url     必需.规定把请

jquery ajax入门实例详解($.ajax $.get $.post $.getJSON $.getScript)

什么是 AJAX? AJAX = Asynchronous JavaScript and XML. AJAX 是一种创建快速动态网页的技术. AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新.这意味着有可能在不重载整个页面的情况下,对网页的一部分进行更新. AJAX 和 jQuery jQuery 提供了用于 AJAX 开发的丰富函数(方法)库. 通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT.HTML.XML

Jquery Ajax学习实例7 Ajax所有过程事件分析示例_jquery

一.Ajax所有过程事件分析    JQuery在执行Ajax的过程中会触发很多事件.   这些事件可以分为两种事件,一种是局部事件(Local),一种是全局事件(Global).   局部事件:可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件,则可以设置global:false.   全局事件:跟click等事件类似,可以绑定到到每一个DOM元素上.   这些事件的按照事件的触发顺序如下介绍:   局部事件(Local) 全局事件(Global) ajaxStart 全局事

jquery ajax post实例与详细说明

jquery.post( url, [ data ], [ success(data, textstatus, xmlhttprequest) ], [ datatype ] ) returns: xmlhttprequest url  一个字符串,其中包含的url,该请求被发送 data 地图或字符串,发送请求到服务器 success(data, textstatus, xmlhttprequest)a callback 函数是执行,如果请求成功 datatype  预期的数据类型的服务器 $

jquery ajax get实例与详细教程

jquery.get( url, [ data ], [ callback(data, textstatus, xmlhttprequest) ], [ datatype ] ) returns: xmlhttprequest url 字符串,其中包含的url的请求被发送. data 地图或字符串发送到与请求的服务器. callback(data, textstatus, xmlhttprequest),如果请求成功执行. datatypethe 类型的数据预计从服务器. 这是一个缩写的ajax

jQuery ajax getScript实例与详细教程

jquery.getscript( url, [ success(data, textstatus) ] ) returns: xmlhttprequest jquery.getscript(网址,[成功(资料,textstatus)]) urla字符串,其中包含的url的请求被发送. 成功(资料,textstatus)的回调函数,如果请求成功执行. 这是一个缩写的ajax功能,这相当于: $.ajax({   url: url,   datatype: 'script',   success:

jquery ajax ajaxSuccess 实例与详细说明

.ajaxsuccess( handler(event, xmlhttprequest, ajaxoptions) ) returns: jquery description: ajaxsuccess( handler(event, xmlhttprequest, ajaxoptions) ) handler(event, xmlhttprequest, ajaxoptions)the function to be invoked. 每当一个ajax请求成功完成,触发ajaxsuccess jq

jquery ajax请求实例深入解析_jquery

jquery中封装了一些ajax请求的方法,很实用. 比如.ajaxComplete()--请求完成时.ajaxError()--请求失败时.ajaxSend()--在Ajax请求发送时附加一个function去执行.ajaxStart()--请求开始时,.ajaxStop()--请求结束时.ajaxSuccess()--请求成功时.load()--从服务端加载数据并将返回的HTML替换到选择的元素中jQuery.post()--使用HTTP POST请求加载服务端数据.serialize()-