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

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

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

功能模块：库存模块

具体业务:仓库出库

功能：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. linux设置开机服务自动启动/关闭自动启动命令

    linux设置开机服务自动启动/关闭自动启动命令 2012-02-06 15:13 [root@localhost ~]# chkconfig --list     显示开机可以自动启动的服务[roo ...

  2. LINQ教程二：LINQ操作语法

    LINQ查询时有两种语法可供选择:查询表达式语法(Query Expression)和方法语法(Fluent Syntax). 一.查询表达式语法 查询表达式语法是一种更接近SQL语法的查询方式. L ...

  3. rails局部模板 render

    <%= render partial: 'file' %> file是以_开头命名的文件,比如_cart.html.erb 这样就可以用render来调用了 还可以传参数 比如 rails ...

  4. Translating between qplot and base graphics

    Translating between qplot and base graphics Description There are two types of graphics functions in ...

  5. c++中的前向声明

    整理于: http://blog.csdn.net/heyutao007/article/details/6649741 http://blog.sina.com.cn/s/blog_68d90fdb ...

  6. Hbase Rowkey设计

    转自:http://www.bcmeng.com/hbase-rowkey/ 建立Schema Hbase 模式建立或更新可以通过 Hbase shell 工具或者使用Hbase Java API 中 ...

  7. 关于Cocos2d-x中实例伸缩后的位置设置

    在有的时候觉得图片太大,会进行缩放,但是在设置位置的时候,用fire->getContentSize(),用的是它原来的大小,就会产生不能准确设置节点的现象 1.在设置伸缩比例的时候,记住比例值 ...

  8. 第三百一十六节，Django框架，中间件

    第三百一十六节,Django框架,中间件 django 中的中间件(middleware),在django中,中间件其实就是一个类,在请求到来和结束后,django会根据自己的规则在合适的时机执行中间 ...

  9. Google Analytics10条有用教程(转)

    几乎每个网站都会统计自身的浏览状况:日IP.PV.跳出率.转换率.浏览者属性等等.了解这些数据有助于更好地了解浏览者的属性.知道网站在什么地方存在缺陷,为更好地提供服务.提高网站收入都有所帮助. 对于 ...

  10. 节日（CCF试题）

    试题编号:    201503-3试题名称:    节日时间限制:    1.0s内存限制:    256.0MB问题描述 有一类节日的日期并不是固定的,而是以“a月的第b个星期c”的形式定下来的,比 ...