首页 / AJAX / Ajax Blog 用到的几个函数第1/3页

Ajax Blog 用到的几个函数第1/3页

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Ajax Blog 用到的几个函数第1/3页，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7269字，纯文字阅读大概需要11分钟。

内容图文

类名：AJAX
代码如下:
/*类名：AJAX

创建方法：var ajaxobj=new AJAX;，如果创建失败则返回false

属性：method  -  请求方法，字符串，POST或者GET，默认为POST
　　　url       - 请求URL，字符串，默认为空
　　　async     - 是否异步，true为异步，false为同步，默认为true
　　　content   - 请求的内容，如果请求方法为POST需要设定此属性，默认为空
      backtext  -　默认true当backtext=true时返回XMLHttp.responseText为false时返回XMLHttp.responseXML　
      gettext 　-　返回值
　　　callback  - 回调函数，即返回响应内容时调用的函数，默认为直接返回，回调函数有一个参数为XMLHttpRequest对象，即定义回调函数时要这样：function mycallback(xmlobj)

方法：send()     -  发送请求，无参数

*/

function AJAX() {
    var XMLHttp = false;
    var ObjSelf;
    ObjSelf=this;
    try { XMLHttp=new XMLHttpRequest; }
    catch(e) {
        try { XMLHttp=new ActiveXObject("MSXML2.XMLHttp"); }
        catch(e2) {
            try { XMLHttp=new ActiveXObject("Microsoft.XMLHttp"); }
            catch(e3) { XMLHttp=false; }
        }
    }
    if (!XMLHttp) return false;
    this.method="POST";
    this.url=""
    this.url += (this.url.indexOf("?") >= 0) ? "&nowtime=" + new Date().getTime():"?nowtime=" + new Date().getTime();
    this.async=true;
    this.data="";
    ObjSelf.loadid=""
    this.backtext=true
    this.callback=function() {return;}

    this.send=function() {
        if(!this.method||!this.url||!this.async) return false;
        XMLHttp.open (this.method, this.url, this.async);
        if(this.method=="POST"){
            XMLHttp.setRequestHeader("Content-Length",(this.data).length);
            XMLHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        }

        XMLHttp.onreadystatechange=function() {
            if(XMLHttp.readyState==4) {
                //alert(ObjSelf.loadid);
                if (ObjSelf.loadid!="") $CS(ObjSelf.loadid,"none");
                //window.status="";
                if(XMLHttp.status==200) {
                    ObjSelf.callback();
                }
            }
            else {
                if (ObjSelf.loadid!="") $CS(ObjSelf.loadid,"block");
                //window.status="状态：["+XMLHttp.readyState+"]正在加载......";
            }
        }

        if(this.method=="POST") XMLHttp.send(this.data);
        else XMLHttp.send(null);
    }

    this.gettext=function(){
        if(XMLHttp.readyState==4) {
            if(XMLHttp.status==200) {
                if (this.backtext==true){
                    return XMLHttp.responseText;
                }else{
                    return XMLHttp.responseXML;
                }
            }
            }
    }
}

blog.js
代码如下:
//打开和关闭左栏
function $SHleft(id){
     if($(id).style.display=='none'){
        $(id).style.display='block';
        $("content").style.width='550px';
        $F("sh","隐藏左栏");
    }
    else{
        $(id).style.display='none';
        $("content").style.width='750px';
        $F("sh","打开左栏");
    }
}
//打开和关闭评论
function $PL(id,plid){
  if($("rp"+id).style.display=='none'){
     $("rp"+id).style.display='block';
     $F("pl"+id,"隐藏评论");
     replycon(id,"rp"+id);
    }
    else{
      $("rp"+id).style.display='none';
      $F("pl"+id,"查看评论");
    }
}

//显示日志
function show(id,pageid,rq){
    var ajaxobj=new AJAX();
    ajaxobj.method="GET";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=show&sid="+id+"&rq="+escape(rq)+"&page="+pageid;
    ajaxobj.callback=function(){
    $F("bkcon",ajaxobj.gettext());
    }
    ajaxobj.send();
}
//显示日志分类列表
function board(){
    var ajaxobj=new AJAX();
    ajaxobj.method="GET";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=board";
    ajaxobj.callback=function(){
    $F("blogcon",ajaxobj.gettext());
    }
    ajaxobj.send();
}

//取得评论内容
function replycon(rid,rpid){
    var ajaxobj=new AJAX();
    ajaxobj.method="GET";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=replycon&rid="+rid;
    ajaxobj.callback=function(){
    $F(rpid,ajaxobj.gettext());
    }
    ajaxobj.send();
}

//取得评论数量
function plnum(rid){
    var ajaxobj=new AJAX();
    ajaxobj.method="GET";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=plnum&rid="+rid;
    ajaxobj.callback=function(){
    $F("plnum"+rid,ajaxobj.gettext());
    }
    ajaxobj.send();
}

//加载发表评论表单
function rform(rid){
    var ajaxobj=new AJAX();
    ajaxobj.method="GET";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=rform&rid="+rid;
    ajaxobj.callback=function(){
    $F("plform"+rid,ajaxobj.gettext());
    }
    ajaxobj.send();
}

//添加评论内容
function savepl(rid){
    var ajaxobj=new AJAX();
    ajaxobj.method="POST";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=savepl&";
    ajaxobj.data="rid="+rid+"&username="+escape($("username"+rid).value)+"&con="+escape($("con"+rid).value);
    ajaxobj.callback=function(){
    $F("tjpl"+rid,ajaxobj.gettext());
    if (ajaxobj.gettext().indexOf("评论已提交成功")>=0) {
       //如果评论提交成功则关闭表单、重新取得评论的数量。关闭成功提示信息
        $CS("rform"+rid,"none");
        plnum(rid);
        pltjid="pltjsuc"+rid;
        setTimeout('$CS(pltjid,"none")',1000);
    }
    }
    ajaxobj.send();
}
//显示日历
function rl(ReqDate){
    var ajaxobj=new AJAX();
    ajaxobj.method="GET";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=rl&ReqDate="+ReqDate;
    ajaxobj.callback=function(){
    $F("calendarcon",ajaxobj.gettext());
    }
    ajaxobj.send();
}
//显示留言表单
function gb(){
    var ajaxobj=new AJAX();
    ajaxobj.method="GET";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=gb";
    ajaxobj.callback=function(){
    $F("gbform",ajaxobj.gettext());
    }
    ajaxobj.send();
}

//提交留言
function savegb(){
    var gbusername=$("gbusername").value;
    var gbemail=$("gbemail").value;
    var gbcon=$("gbcon").value;
    //alert($("gbusername").value);
    //alert($("gbemail").value);
    //alert($("gbcon").value);
    //return false;
    if (gbusername==""){
        $CS("gberr","block");
        $F("gberr","请署上你的大名");
        setTimeout('$CS("gberr","none")',2000);
        return false;
    }
    if (gbemail==""){
        $CS("gberr","block");
        $F("gberr","请写上你的邮箱");
        setTimeout('$CS("gberr","none")',2000);
        return false;
    }
    if (gbcon==""){
        $CS("gberr","block");
        $F("gberr","请发表你的意见");
        setTimeout('$CS("gberr","none")',2000);
        return false;
    }
    var ajaxobj=new AJAX();
    ajaxobj.method="POST";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=addgb&";
    ajaxobj.data="username="+escape(gbusername)+"&email="+escape(gbemail)+"&con="+escape(gbcon);
    ajaxobj.send();
    ajaxobj.callback=function(){
        if (ajaxobj.gettext().indexOf("成功")>=0) {
        $SHwin("gb");
        showgb(1);
        }
    }
}
//显示留言
function showgb(pageid){
    var ajaxobj=new AJAX();
    ajaxobj.method="GET";
    ajaxobj.loadid="loadnews";
    ajaxobj.url="lib.asp?action=showgb&page="+pageid;
    ajaxobj.callback=function(){
    $F("bkcon",ajaxobj.gettext());
    }
    ajaxobj.send();
}

123下一页阅读全文

内容总结

以上是互联网集市为您收集整理的Ajax Blog 用到的几个函数第1/3页全部内容，希望文章能够帮你解决Ajax Blog 用到的几个函数第1/3页所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/376277.html

来源：【匿名】

【上一篇】prototype.js的Ajax对象【下一篇】AJAX for PHP简单表数据查询实例

更多 ►

【Ajax Blog 用到的几个函数第1/3页】教程文章相关的互联网学习教程文章

不使用回调函数的ajax请求实现（async和await简化回调函数嵌套）【代码】【图】

在常规的服务器端程序设计中，比如说爬虫程序，发送http请求的过程会使整个执行过程阻塞，直到http请求响应完成代码才会继续执行，以php为例子$url = "http://www.google.com.hk"; $result = file_get_contents($url); echo$result;当代码执行到第二行时，程序便陷入了等待，直到请求完成，程序才会继续往下跑将抓取到的html输出。这种做法的好处是代码简洁明了，运行流程清晰，容易维护。缺点就是程序的运行速度依赖于http请...

模拟ajax中success函数获取数据，并且渲染【代码】

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery渲染数据练习</title></head><body> <ul class="itemBox" id="itemBox">   </ul> <script type="text/javascript" src="jquery.min.js"></script> <script type="tex...

jquery用Ajax中的回调函数时注意事项【代码】

前端代码<script language="javascript" type="text/javascript" src="<?php echo base_url();?>/js/jquery-1.7.2.min.js"></script> <script> function add_ip(bip,eip,area_id) {var action = "<?php echo site_url(‘test/add_test‘); ?>";var yn = window.confirm("测试");if (!yn) {return;}$.ajax({type:"post",dataType:"json",url:action + "?rr=" + Math.random(),data:{"bip": bip,"eip": eip,"area": area_id},success...

AJAX 请求完成时执行函数。Ajax 事件。【代码】

ajaxComplete(callback)概述AJAX 请求完成时执行函数。Ajax 事件。XMLHttpRequest 对象和设置作为参数传递给回调函数。大理石直角尺参数callbackFunctionV1.0待执行函数示例描述:AJAX 请求完成时执行函数。jQuery 代码: $("#msg").ajaxComplete(function(event,request, settings){$(this).append("<li>请求完成.</li>");});描述:当 AJAX 请求正在进行时显示“正在加载”的指示：jQuery 代码:$("#txt").ajaxStart(function(){$("#w...

JS 自定义sleep以及Ajax 自执行函数【代码】

jquery Ajax 不执行回调函数success的原因

jquery Ajax 不执行回调函数success的原因：$.ajax({ type: "post", contentType: "application/json", url: basePath+"pages/Tongji/disposeAgree.action?cepingitem="+cepingitem+"&userrelation="+userrelation, //data: {fenshu:8},dataType: "json", success: function (result) { alert("操作成功"); ...

jQuery ajax序列化函数【代码】【图】

参数序列化$.param()举例：<!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script><script> $(document).ready(function(){personObj =new Object();personObj.firstname ="John";personObj.lastname ="Doe";personObj.age =50;personObj.eyecolor ="blue"; $("button").click(function(){$("div").text($.param(personObj));}); }); </script></head><body><but...

jQuery ajax error函数的参数（交互错误信息的获取）【代码】

一般error函数返回的参数有三个： function(jqXHR jqXHR, String textStatus, String errorThrown)。常见调用代码如下： $.ajax({url: ‘/Home/AjaxGetData‘, success: function (data) {alert(data);},error: function (jqXHR, textStatus, errorThrown) {/*错误信息处理*/}}); 这里对这三个参数做详细说明。第一个参数 jqXHR jqXHR：这里的jqXHR是一个jqXHR对象，在Jquery1.4和1.4版本之前返回的是XMLHttpRequest对...

案例（用封装的ajax函数检查用户名）【代码】

本程序主要功能是检查用户输入的用户名是否在检查的范围之内CheckUserName.htm代码：<head><title></title><script src="jquery-1.8.3.js" type="text/javascript"></script><script src="MyAjax.js" type="text/javascript"></script><script type="text/javascript">$(function () {$("#username").blur(function () {var username = $("#username").val();MyAjax("CheckUserName.ashx?username=" + username,function (resTxt) ...

ajax success回调函数里return undefined的原因？【代码】

最近在做毕业项目，注册表单里用$.ajax提交数据给服务器端php检查账号是否已经注册过，success时函数的返回值为什么总是undefined? var reg_mail = $.trim($("#reg_mail").val()).toLowerCase(); //注册邮箱获取 var reg = /^[a-z0-9]+[@][a-z0-9]+[.][a-z0-9]+$/; //设置邮箱匹配正则 if(reg.test(reg_mail)){ //如果邮箱符合规范就提交服务器进行校对 $("#reg_mail").parent().find(".err_tip").html(""); ...

ES6系列---【promise中ajax封装函数】【代码】

function sendAjax({type="get",url="",data=null,dataType="json"}) {// 该函数的作用就是返回一个改变了状态的（成功或失败）的promise实例对象return new Promise((reslove, reject) => {$.ajax({type,url,data,dataType,success: function (response) {reslove(response)},error(err) {reject(err)}});})}// 函数的调用： sendAjax({url:"http://cj.shenzhou888.com.cn/hb_vote/api.php?action=area&id=0"}) .then((data) => {...

ajax中的post方法中回调函数不执行的问题【代码】

前一段时间接触了JQuery Ajax中的.post()方法和.get()方法，感觉到ajax的简洁和强大，当用到.post()方法时，去W3上查找相关的使用方法，感觉十分简单，用法很明了，然后，直接根据自己的需要（js将数据post给php写入数据库，然后返回给js一个值）开写了，写完了，运行，竟然不行！然后仔细地对比我的代码和demo的不同，为了查找错误，将我的代码写的几乎和demo相同了，但是还是无法在js中获得php的数据。　　这里先回忆一下.post()...

从ajax的回调函数（success等）中取返回值【代码】

1 var strs = new Array();2 3 function getData() {4 var strs2 = new Array();5 $.ajax({6 type : "POST",7 url : "findAttentionGoods.action",8 data : "pno=" + pageNo,9 async : false, 10 success : function(msg) { 11 strs2 = msg.list; 12 total = msg...

Ajax中的eval函数的用法【代码】

eval的定义和使用：Eval它是用来计算某个字符串，并且执行其中的JavaScript代码。语法：1) eval函数接受一个string这个参数，并且这个参数是必须的，这个参数就是要计算的这个字符串。它里面可以函数含有JavaScript的表达式，或者要执行的语句。eval(string)。 2) 那，这个既然是函数，就有可能有返回值。它的返回值是：如果这个string参数有返回值的话，那这个函数就原样返回这个string执行完毕的结果。 3) 有一个地方值得注意，这...

【笔记】关于jq $.ajax 函数 success回调函数不能赋正确值或返回正确值的问题【代码】

最近在一个项目里面打算实现如下功能：当我注册账号的时候当输入账号完毕后输入框失焦时执行一个 ajax 请求，验证账号是否被注册，并未这个输入框的 isCorrect属性赋值，如果没有被注册 isCorrect属性值为“true”，否则为 “false”。代码如下：ajax: function(obj){/*{ elem: //验证的元素,hintsContent: //提示框元素,errorColor: //错误时显示的颜色,url: //后台处理页地址,reqData: //发送过去的内容（以对象的形式保存）c...

AJAX - 技术教程分类

AJAX 教程 AJAX 简介 AJAX 实例 XHR 请求 XHR 响应 AJAX ASP/PHP AJAX 数据库 AJAX XML AJAX 实例 ajax 全部

AJAX - 最热教程

JS实现定时任务，每隔N秒请求后台setIn...jQuery取消ajax请求的方法 JavaScript通信之Ajax的详细介绍（代码...Ajax请求中的async:false/true(同步/异...jQuery和ajax实现鼠标单击修改内容的方...node.js+Ajax实现获取HTTP服务器返回数...Vue form 表单提交+ajax异步请求+分页效...Ajax清除浏览器js、css、图片缓存的方法 jquery+ajax+C#实现无刷新操作数据库数...利用AjaxSubmit()方法实现Form提交表单...

首页 / AJAX / Ajax Blog 用到的几个函数第1/3页

Ajax Blog 用到的几个函数第1/3页

内容导读

内容图文

内容总结

内容备注

内容手机端

【Ajax Blog 用到的几个函数第1/3页】教程文章相关的互联网学习教程文章

不使用回调函数的ajax请求实现（async和await简化回调函数嵌套）【代码】【图】

模拟ajax中success函数获取数据，并且渲染【代码】

jquery用Ajax中的回调函数时注意事项【代码】

AJAX 请求完成时执行函数。Ajax 事件。【代码】

JS 自定义sleep以及Ajax 自执行函数【代码】

jquery Ajax 不执行回调函数success的原因

jQuery ajax序列化函数【代码】【图】

jQuery ajax error函数的参数（交互错误信息的获取）【代码】

案例（用封装的ajax函数检查用户名）【代码】

ajax success回调函数里return undefined的原因？【代码】

ES6系列---【promise中ajax封装函数】【代码】

ajax中的post方法中回调函数不执行的问题【代码】

从ajax的回调函数（success等）中取返回值【代码】

Ajax中的eval函数的用法【代码】

【笔记】关于jq $.ajax 函数 success回调函数不能赋正确值或返回正确值的问题【代码】

AJAX - 相关标签

AJAX - 技术教程分类

AJAX - 最新教程

AJAX - 最热教程