修復輸入值並在ajax請求的url中使用它們

我正在嘗試從輸入字段獲取值並將其用於我的ajax請求的url。首先，我想修復輸入以使其全部小寫，以便與我請求的文件的路徑匹配。對於這兩家公司中的每一家，我嘗試了一種不同的方式，但似乎都行不通。有任何想法嗎？修復輸入值並在ajax請求的url中使用它們

function requestCompany1 (evt) { 
     var company1 = $('#companyInput1').val(
      function(i, val) { 
       return val.toLowerCase(); 
     }).val(); 

console.log(company1); 
     var url1 = 'assets/js/' + company1 + '.json' 
     $.ajax({ 
      url : url1, 
      dataType: 'json', 
       data: company1, 
      success: function(data) { 
      //code the run on success 
       } 


function requestCompany2 (evt) { 
    var company2 = $('#companyInput2').val().toLowerCase(); 
    var url2 = 'assets/js/' + company2 + '.json' 

    console.log(company2); 
    $.ajax({ 
     url : 'assets/js/spling.json', 
     dataType: 'json', 
     data: company2, 
     success: function(data) { 
       //code to be called on success 
     }); 
}

我知道我可以結合這兩個函數來使它更容易，但我只是想先把它擺出來。由於

EDITED添加.val()到公司1月底

來源

2012-03-27 Nic Meiring

請定義「似乎沒有工作」。 – Blazemonger 2012-03-27 18:45:30

服務器的響應是什麼？檢查Chrome的開發者控制檯 - >「網絡」 - >「XHR」請求。另外，我假設你在某處調用這些函數？如果沒有，請在代碼片段中的最後一個大括號後面加上「（）」，看看公司2是否適合您。 – AlexMA 2012-03-27 18:51:17

company1回來undefined時，我登錄它 – 2012-03-27 19:26:16

應記錄input元素安慰，因爲你提供了一個功能參數val()方法jQuery對象第一個版本...它現在是一個二傳手不是吸氣劑。

如果你把它改成下面應該返回值：

var company1 = $('#companyInput1').val(
     function(i, val) { 
      return val.toLowerCase(); 
    }).val();

第二個版本你是不是通過你創建的AJAX選項對象url變量，有一個語法錯誤...缺少結束支具success

function requestCompany2 (evt) { 
    var company2 = $('#companyInput2').val().toLowerCase(); 
    var url2 = 'assets/js/' + company2 + '.json' 

    console.log(company2); 
    $.ajax({ 
     url : url2, 
     dataType: 'json', 
     data: company2, 
     success: function(data) { 
       //code to be called on success 
     } 
    }); 
}

發送data到JSON文件並沒有多大的意義，除非它是在服務器上動態檔案。如果是這樣，您需要提供一個鍵/值對作爲數據傳遞

來源

2012-03-27 18:52:38 charlietfl

故事檢查 - http://jsfiddle.net/QPKk9/ – mrtsherman 2012-03-27 18:54:21

檢查我的編輯上面。 company1回到未定義 – 2012-03-27 19:22:26

選擇器是否有效？代碼工作在上面的小提琴。嘗試做'alert（$（'＃companyInput1'）。length）'如果它是零選擇符是不正確的 – charlietfl 2012-03-27 19:29:59

修復輸入值並在ajax請求的url中使用它們

回答

相關問題