---恢复内容开始---

啊。。。  本来昨天晚上想写来着，结果陪老婆看电视剧就忘了。。。 呢滴神啊，原谅我吧。

背景:昨天在项目中做一个小功能的时候，出现了个小问题，而且一开始找了半天也没找到原因。问题是这样的：

功能模块：库存模块

具体业务:仓库出库

功能：1、单个产品出库  2、批量产品出库（这些产品是连号的）

问题出处：批量产品出库。

具体实现：出库人员要输入产品的起始号码和结束号码，我在前台js做循环，为这些产品一个个出库，但是在出库前，我要判断输入的产品在库存中的状态，如果输入的这个产品的状态是不能出库的，那么此产品也不能出库。这时，一但有产品部能出库，我就要终止循环（为什么终止循环式根据业务要求，这里不多做解释了。我用ajax异步去判断每个卡号是否可以出库。

代码如下：

OrderStock.ValidataProductsWouldOouPut = function () {
　　　　　　　　.........
　　　　　　　　.........

            var startNum = ;

            var endNum = ;

            for (var i = startNum; i < endNum; i++) {

                var result = BeginValidateByNumber(i);

　　　　　　　　　　  if (!result) {
　　　　　　　　　　  alert("编号" + i + "出库失败");
　　　　　　　　　　　break;
　　　　　　　　　　　}

            }

        }

        function BeginValidateByNumber(_num) {
　　　　　　　　........　　　
　　　　　　　　........

            $.post("url", { Num: _num }, function (data) {

                if (data.Success) {

                    return true;

                }

                else {

                    return false;

                }

            });

        }

//代码中的........代表前面的一些处理代码我就省略掉了

可是函数BeginValidateByNumber每次的返回值都是个null的，就是result得到值一直都是undefined。我凑，我就郁闷了，不应该啊，js函数有返回值的我都用了好长时间了，也没出先这个问题啊。

于是，经过笔者近一个小时的研究，终于发现问题的所在（其实这个问题挺二的，好吧，我也承认自己犯二了）。

原因在哪呢，其实true或这false的确返回去了，但是代码中返回值 是 ajax中 function（data）{}  这个毁掉函数的返回值。为了把这个问题说的更明白些，那就让我们看看jquery的ajax函数都干了点啥吧。

下面代码是我模拟了一下jquery的ajax函数，只是简单的写了一下，并且可能有些实现和query的不同，但大概思想是没有错的。（请小伙伴没不要太较真。。。如果想在了解的清楚也行也可以去看jquery的源码 ^_^）。

注：可能有的小伙伴经常直接$.post、$.get、$.ajax这么用，而从来没有去了解过异步具体是怎么回事，那么也希望这些小伙伴去了解一下xmlhttprequest这么个东东，当然这和我们这一节的最终讨论的问题不影响。

MyJqueryForAjax.js文件：

 //--------------------------Begin ----------------------------------

 var defaults = {

     url: "default.ashx",

     data: "",

     type: "get",

     sussessfn: null,

     errorfn: null,

     async: true

 };

 if (!window.MyJQ) window.MyJQ = {};

 MyJQ.Ajax = function (settings) {

     var param = $.extend(defaults, settings);

     var xmlhttp;

     var jsonObject = param.data;

     var jsonStr = "";

     if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

         xmlhttp = new XMLHttpRequest();

     }

     else {// code for IE6, IE5

         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

     }

     xmlhttp.onreadystatechange = function () {

         if (xmlhttp.readyState ==  && xmlhttp.status == ) {

             if (param.sussessfn) {

                 var result = param.sussessfn(xmlhttp.responseText);//注意这里，这里调用了回调函数sussessfn，并且得到返回值

                 alert("这里才是回调函数返回的值：" + result);

             }

         }

     }

     for (var item in jsonObject) {

         jsonStr += (item + "=" + jsonObject[item] + "&");

     }

     jsonStr = jsonStr.substring(, jsonStr.length - );

     if (param.type == "get") {

         param.url += "?" + jsonStr;

         param.data = null;

     }

     xmlhttp.open(param.type, param.url, param.async);

     xmlhttp.send(param.data);

 };

 //---------------------------------end---------------------------

前台页面：

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

     <title></title>

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

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

     <script type="text/javascript">

         $(document).delegate("#Btn_Test", "click", function () {

             var settings = {

                 url: "Handlers/TestHandler.ashx",

                 type: "get",

                 data: {

                     name: "xiaoming",

                     pwd: ""

                 },

                 sussessfn: function (data) {

                     alert(data);

                     if (data == "ok") {

                         return true;

                     }

                     else {

                         return false;

                     }

                 }

             };

             MyJQ.Ajax(settings);

         });

     </script>

 </head>

 <body>

     <form id="form1" runat="server">

     <div>

             <input type="button" value="Test"  id="Btn_Test"/>

     </div>

     </form>

 </body>

 </html>

请求的Handlers/TestHandler.ashx的代码：

 context.Response.ContentType = "text/plain";

             var _request = context.Request;

             string name = _request.Params["name"];

             string pwd = _request["pwd"];

             if (string.Equals(name, "xiaoming") && string.Equals(pwd, ""))

             {

                 context.Response.Write("ok");

             }

             else {

                 context.Response.Write("no");

             }

显示结果：

我想不用我再多说什么，小伙伴们应该明白问题出在哪了吧^_^。

对了 成功这个单词在代码中我写错了，不好意思哈。

恩。。今天就到这吧，这篇文章可以给小伙伴们带来帮助，也希望小伙伴们不要犯类似的错误，同时也希望大伙伴们给出各种意见和建议，这里我要说一声very 3q。

啊。。。还有如果代码中那块我写的不明吧，或者好伙伴们不理解，可以留言哦。

源代码下载

由JS函数返回值引发的一场”血案"的更多相关文章

  1. JS函数 返回值的函数 return sum;或者result = add2(3,4);

    返回值的函数 思考:上一节函数中,通过"document.write"把结果输出来,如果想对函数的结果进行处理怎么办呢? 我们只要把"document.write(sum ...

  2. JS异步函数 返回值

    1.  js 异步的几种情况 : 1.1 异步操作由浏览器内核的 webcore 来执行: onclick 由浏览器内核的 DOM Binding 模块来处理,当事件触发的时候,回调函数会立即添加到任 ...

  3. 关于QT中evaluateJavaScript（）函数返回值的处理问题

    关于QT中evaluateJavaScript()函数返回值的处理问题 - 寒风问雪的专栏 - 博客频道 - CSDN.NET 关于QT中evaluateJavaScript()函数返回值的处理问题 ...

  4. C++函数返回值(02)

    对象作为返回值 编译器会将函数栈中的返回值数据拷贝到返回栈中 指针作为返回值 函数的返回值可以是存储某种类型数据的内存地址,称这种函数为指针函数.它们的一般定义形式如下:  类型标识符 *函数名(参数 ...

  5. 用C语言指针作为函数返回值

    转载:http://c.biancheng.net/cpp/html/3242.html C语言允许函数的返回值是一个指针(地址),我们将这样的函数称为指针函数.下面的例子定义了一个函数 strlon ...

  6. shell调用函数返回值深入分析

    编写shell脚本过程中,我们经常会自定义一些函数,并根据函数的返回值不同来执行相应的流程,那么我们如何来获取函数的返回值呢? 首先shell中调用函数有两种方式: 第一种:value=`functi ...

  7. Python从线程获取函数返回值

    Python中利用强大的threading模块可以很容易的实现多线程开发,提高运行速度.这一般是对某个进行大量计算操作的的函数进行多线程处理,然后合并各线程的结果.获取函数返回值的方法可以如下: 1) ...

  8. 速战速决 (3) - PHP: 函数基础, 函数参数, 函数返回值, 可变函数, 匿名函数, 闭包函数, 回调函数

    [源码下载] 速战速决 (3) - PHP: 函数基础, 函数参数, 函数返回值, 可变函数, 匿名函数, 闭包函数, 回调函数 作者:webabcd 介绍速战速决 之 PHP 函数基础 函数参数 函 ...

  9. string类find函数返回值判定

     string类find函数返回值判定 代码示例 #include<iostream> #include<cstring> using namespace std; int m ...

随机推荐

  1. golang http.Redirect()函数容易误解的地方

    调用http.Redirect()函数后,并不会立刻进行跳转,而是继续顺序执行函数中的所有的代码后,再进行跳转.但是Redirect后面的写界面的代码不会发送到游览器前端的. 代码如下:func Ch ...

  2. 关于c# 发射的调用并进行缓存

    private static object CreateObject(string AssemblyPath, string classNamespace) { object objObject = ...

  3. larave框架的安装

    (1)中文官网:http://www.golaravel.com/ (2)composer下载与安装 1:composer网址:getcomposer.org 2:windows下载Composer- ...

  4. nginx报错：No package erlang available

    问题 yum install erlang 报错:No package erlang available 同样的,如果我们在安装nginx的时候出现"No package nginx ava ...

  5. zqgame《每日一言》

    优秀决策者九特质1.能够接受不确定性:2.做事懂得轻重缓急:3.善于聆听:4.能够长远地看问题:5.能够看到大局,以大局为重:6.做事不优柔寡断,干脆利索.立即行动:7.善于独立思考:8.能充分调动团 ...

  6. e551. 精简的Applet

    Every applet must subclass Applet. import java.applet.*; import java.awt.*; public class BasicApplet ...

  7. CentOS查看何人何时登陆用户

    使用linux 的last命令: last命令列出的是/var/log 目录下的wtmp文件内容,这个文件存的是二进制内容,不可以直接用vi等文本边界软件打开.这样即使是root用户也不可能随随便便的 ...

  8. Unity中坐标系转换方法

    前言 本篇文章主要是参考<Unity API 解析>---陈泉宏. 这是本人在学校图书馆找到一本书,主要介绍的就是常用的类,比较实用,没有冗余的地方.在此推荐一下这本书! 一.Screen ...

  9. php如何定时执行任务

    PHP的实现决定了它没有Java和.Net这种AppServer的概念, 而http协议是一个无状态的协议, php只能被用户触发, 被调用, 调用后会自动退出内存, 没有常驻内存, 就没有办法准确的 ...

  10. pclzip 压缩文件与解压

    类PclZip.class.php下载:PclZip.rar<?php header("Content-type: text/html; charset=utf-8"); f ...