logo标签列表

在Javascript中返回一个字符串

javascriptstringasp-classicreturn
12

我正在尝试创建一个简单的函数，当调用时将返回正确的字符串：

function getState(abbr){
   if (abbr=="WY")
   {
   return "Wyoming";
   }
}

然后调用就像这样：

var stateName = getState("WY");

然而，返回的全部内容只有：0。

如果我漏掉了什么显而易见的东西，对不起。

更新-我的初始问题是因为这里有一个"&"，以下是我正在处理的真实代码：

function getState(abbr){
    var url = "states.asp"
    var state = ""; 
    $.get(url, function(data) {
        var i = 0;
        $.each($('state',data),function(index, el) {            
            if (abbr == ($(this).attr("abbr"))){
                //alert($(this).attr("abbr"));
                state = $(this).text();
            }//if (abbr == $(this).attr("abbr")){
        });//$.each($('state',data),function(index, el) {
    }).success(function() { 
        alert("x" + state);
        return state;
    }); //.success(function() { 
    //$.get(url, function(data) {
    alert("y" + state); 
    return state;
}

我的调用结果是"undefined":

alert(getState("WY"));

Alert("x" + 状态)可以正常工作。

更新 #2 --- 这是 states.asp 生成的所有内容（目前为止）......稍后将返回公司等：

<?xml version="1.0" encoding="utf-8"?>
<STATELIST>
<STATE abbr="AL">Alabama</STATE>
<STATE abbr="AK">Alaska</STATE>
<STATE abbr="AZ">Arizona</STATE>
<STATE abbr="AR">Arkansas</STATE>
<STATE abbr="CA">California</STATE>
<STATE abbr="CO">Colorado</STATE>
<STATE abbr="CT">Connecticut</STATE>
<STATE abbr="DE">Delaware</STATE>
<STATE abbr="FL">Florida</STATE>
<STATE abbr="GA">Georgia</STATE>
<STATE abbr="HI">Hawaii</STATE>
<STATE abbr="ID">Idaho</STATE>
<STATE abbr="IL">Illinois</STATE>
<STATE abbr="IN">Indiana</STATE>
<STATE abbr="IA">Iowa</STATE>
<STATE abbr="KS">Kansas</STATE>
<STATE abbr="KY">Kentucky</STATE>
<STATE abbr="LA">Louisiana</STATE>
<STATE abbr="ME">Maine</STATE>
<STATE abbr="MD">Maryland</STATE>
<STATE abbr="MA">Massachusetts</STATE>
<STATE abbr="MI">Michigan</STATE>
<STATE abbr="MN">Minnesota</STATE>
<STATE abbr="MS">Mississippi</STATE>
<STATE abbr="MO">Missouri</STATE>
<STATE abbr="MT">Montana</STATE>
<STATE abbr="NE">Nebraska</STATE>
<STATE abbr="NV">Nevada</STATE>
<STATE abbr="NH">New Hampshire</STATE>
<STATE abbr="NJ">New Jersey</STATE>
<STATE abbr="NM">New Mexico</STATE>
<STATE abbr="NY">New York</STATE>
<STATE abbr="NC">North Carolina</STATE>
<STATE abbr="ND">North Dakota</STATE>
<STATE abbr="OH">Ohio</STATE>
<STATE abbr="OK">Oklahoma</STATE>
<STATE abbr="OR">Oregon</STATE>
<STATE abbr="PA">Pennsylvania</STATE>
<STATE abbr="RI">Rhode Island</STATE>
<STATE abbr="SC">South Carolina</STATE>
<STATE abbr="SD">South Dakota</STATE>
<STATE abbr="TN">Tennessee</STATE>
<STATE abbr="TX">Texas</STATE>
<STATE abbr="UT">Utah</STATE>
<STATE abbr="VT">Vermont</STATE>
<STATE abbr="VA">Virginia</STATE>
<STATE abbr="WA">Washington</STATE>
<STATE abbr="WV">West Virginia</STATE>
<STATE abbr="WI">Wisconsin</STATE>
<STATE abbr="WY">Wyoming</STATE>
</STATELIST>
你是如何使用 stateName 来获取输出的？ - Niet the Dark Absol
1
你确定你的脚本没有拼写错误吗？按照这里写的应该可以正常工作。 - David Thomas
1
这是纯JavaScript（不是jQuery）。这个JSFiddle显示您的确切代码按预期工作。如果需要其他帮助，您需要向我们展示实际的函数和调用它的代码。 - Jason Whitted
我刚刚在控制台里试了一下，它按照预期工作。 - kennypu
http://jsfiddle.net/Wf5gm/ 控制台可以正常读取您的代码。 - styke
显示剩余2条评论
5个回答
11

最简单的方法是创建一个哈希表 - 不需要函数。

var states = {
    'AL': 'Alabama',
    'AK': 'Alaska',
    'AZ': 'Arizona',
    'AR': 'Arkansas',
    'CA': 'California',
    'CO': 'Colorado',
    'CT': 'Connecticut',
    ...
    'WY': 'Wyoming'
};

var stateName = states["WY"];

编辑

现在我更清楚了，getState()需要从服务器检索状态名称。这将使您进入异步编程的世界，这与正常的同步编程非常不同。

最重要的是要意识到，getState()不能简单地为给定的州缩写返回一个州名。为什么？因为向服务器发出的ajax调用是异步的-换句话说，在返回之前，getState()将不会等待服务器的响应。

处理异步性有两种基本方法：

  • 向getState()传递回调函数，告诉它在接收到响应时要执行什么操作
  • 安排getState()返回一种特殊类型的对象，称为“承诺(promise)”，该对象可以在调用getState()的位置进行处理，以便在服务器响应后做出响应。

下面的代码采用了第二种方法。

var states = {};//cache of state names, with state abbreviations as keys
function getState(abbr) {
    var dfrd = $.Deferred();//A deferred object, whose promise will be returned.
    if(!states[abbr]) {
        $.ajax({
            url: "states.asp",
            dataType: 'XML',
            success: function(data) {
                //Load up the cache
                $.each($('state', data), function(i, el) {
                    states[el.attr('abbr')] = $(el).text();
                });
                //Now resolve or reject the deferred object depending in whether states[abbr] has been cached
                if(states[abbr]) {
                    dfrd.resolve(abbr, states[abbr]);//Success! Let's resolve the deferred object (and its promise).
                }
                else {
                    dfrd.reject(abbr, 'States successfully downloaded but ' + abbr + ' was not included');
                }
            },
            error: function() {
                dfrd.reject(abbr, 'Download of states failed');
            }
        });
    }
    else {
        //The state name is already cached
        //The deferred object (and its promise) can be resolved without needing to make another ajax call.
        dfrd.resolve(abbr, states[abbr]);
    }
    return dfrd.promise();
}

未经测试的

现在你需要知道的就是如何调用 getState()。

getState("WY").done(function(abbr, state) {
    alert(abbr + ': ' + state);
    //other stuff here
}).fail(function(abbr, message) {
    alert(abbr + ': ' + message);
    //other stuff here
});

正如您所看到的，您希望getState()返回的值现在出现在.done()函数的第二个参数中。为了保险起见，缩写（“WY”）出现在第一个参数中。

如果您想处理错误条件（始终是一个好主意），则可以在.fail()回调函数中处理。

有关所有内容如何工作的更多线索，请参见代码中的注释。

聪明。这将通过获取精确键值来防止处理所有非匹配项的需要。 - Axel
谢谢，这很有用。不过，我需要返回的不仅仅是缩写和州名...缩写只是为了让我知道我要找哪个州。我只是不确定为什么返回值没有结果。 - tree
你需要明白ajax是异步的。我已经编辑了上面的内容，提供了一些解释和代码。如果你第一次看不懂，不要担心——这是相当高级的东西，可能会让你的头脑有些爆炸。Deferreds/promises花了我一段时间才学会。 - Beetroot-Beetroot
6

你的代码没有任何问题。查看这个工作演示。

function getState(abbr){
   if (abbr=="WY")
   {
   return "Wyoming";
   }
}
var stateName = getState("WY");
alert(stateName);
​
抱歉...毕竟是我的代码中有个打字错误（我使用了"&"而不是"+"来连接字符串）。我已经定期使用JQuery几周了，但仍然没有弄清楚如何获得此类错误的警报...有什么建议吗？ - tree
1
按F12启动浏览器开发工具。使用控制台选项卡查找JS错误。所有浏览器的开发工具都非常相似。对于火狐浏览器，您需要安装FireBug，其他主要浏览器都内置了开发工具。 - Paul Fleming
还没有想出如何获得此类错误的警报提示。尝试使用代码检查工具。 - Lance
3

HTML：

<div id="msg">...</div>

JS：

function getState(abbr){
   if (abbr=="WY")
   {
   return "Wyoming";
   }
}
var stateName = getState("WY");
​document.getElementById('msg').innerHTML=stateName;
2

这将会有很多 if 语句需要评估：该函数可能需要遍历所有50个 if 语句才能到达Wyoming！我会使用 switch 语句重写它，像这样：

function getState(abbr){

   switch case(abbr) {

      case "WY":
         return "Wyoming";
      ...

   }
}

我认为这样会更快。此外，我会添加一个default case，以防输入有误。

0

这只是我的解决方案。我仍在摸索异步行为，但以下是有效的：

不要使用：

function searchServing(which,choice){
   var state = getState("WY");
   $("#searchResults").html("<tr><td>" + state + "</td></tr>");
   .get(function() {

   } //for reference call this getSearchServing
}

我不得不反转调用，所以：

function getState(abbr){
  .get(function(){
      $("#searchResults").html("<tr><td>" + state + "</td></tr>");
  })
  .success(function() { 
    searchServing('serving',abbr);
  })
}

仍然不确定为什么 getSearchServing 会在 getState 之前运行，也不确定为什么我不能从 getState 返回值？？？

树，你的问题，包括其主要编辑，都与getState()有关 - 这是一个将州缩写翻译成完整州名的函数。你上面的回答根本没有任何意义。它没有涉及到getState()的内部工作方式，并且在任何情况下都不是有效的JavaScript代码 - 它会抛出语法错误。我只能猜测你还没有找到解决方案。 - Beetroot-Beetroot
@ Beetroot-Beetroot... 当我在两个函数中都放置了警报时，searchSearving(.get())会在getState(.get())之前运行，即使getState(.get())是先调用的...基本上我从未弄清楚如何传递信息，所以我只是打印了来自getState()的结果。我承认这不是绝对的解决方案。但它足够好用。 - tree
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接