jquery.autocomplete 传参问题

今天遇到一个问题,我须要传一个文本库的内容给后台,而后用autocomplete显示内容,开始以为很简单

不就是

 

function SalePrice_Complete(text) {
         //分割拿到索引
          var value=$("#MaterielID_" + text.selector.split('_')[1]).val();
            text.autocomplete("/Control/webControl.ashx",
                   {
                       dataType: 'json', //返回数据类型
                       width: 220,
                       minChars: 0,
                       extraParams: { Method: "SalePriceAutoComplate",MaterielID:value},
                       parse: function (data) { //后台返回的数据传给自定义的rows   
                           var rows = [];
                           for (var i = 0; i < data.length; i++) {
                               rows[rows.length] = {
                                   data: "[" + data[i].FPirce + "   " + data[i].FDate + "]", //显示在搜索界面的列表
                                   value: data[i].FPirce , //查询结果
                                   result: data[i].FPirce //显示在文本框的内容
                               };
                           }
                           return rows;
                       },
                       formatItem: function (row, i, n) {
                           return row;
                       }
                   }).result(function (event, item, returnvalue) {
                       var values = returnvalue;
                       var index = text[0].id;
                       var i = index.split('_')[1];
                       //物料编号
                       $("#price_" + i).val(values[0]);
                   });
        };

可是代码运行后发现,MaterielID获得是空的,想了好久不知道为何,因而在后台和js都下了断点,再运行,发现js没有再运行过了,可是后台却断点断到了

因此咱们能够推断,变量是要动态赋值的

因而参考了下网上的代码,修改为

 function SalePrice_Complete(text) {
         
            text.autocomplete("/Control/webControl.ashx",
                   {
                       dataType: 'json', //返回数据类型
                       width: 220,
                       minChars: 0,
                       extraParams: { Method: "SalePriceAutoComplate",MaterielID:function(){ return $("#MaterielID_" + text.selector.split('_')[1]).val()}},
                       parse: function (data) { //后台返回的数据传给自定义的rows   
                           var rows = [];
                           for (var i = 0; i < data.length; i++) {
                               rows[rows.length] = {
                                   data: "[" + data[i].FPirce + "   " + data[i].FDate + "]", //显示在搜索界面的列表
                                   value: data[i].FPirce , //查询结果
                                   result: data[i].FPirce //显示在文本框的内容
                               };
                           }
                           return rows;
                       },
                       formatItem: function (row, i, n) {
                           return row;
                       }
                   }).result(function (event, item, returnvalue) {
                       var values = returnvalue;
                       var index = text[0].id;
                       var i = index.split('_')[1];
                       //物料编号
                       $("#price_" + i).val(values[0]);
                   });
        };

这样后台拿到MaterielID就有值了,事实证实,在对代码机制不熟悉的状况下,用正常思惟去推只能让你陷入烦恼和睦愤中,想着明明有赋值,怎么到后台就不见了,因此仍是多用断点多调试,用事实说话