Ajax部分無法正常工作

-1

我想讓ajax部分工作，但我沒有運氣。我試圖把它放在不同的部分，但變量「選擇」不通過，頁面不更新。基本上我「想要做的就是在下拉菜單中輸入項目中輸入的值，然後使用該值在阿賈克斯函數來創建一個表。Ajax部分無法正常工作

<html> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/git/jquery.mobile-git.css"> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="http://code.jquery.com/mobile/git/jquery.mobile-git.js"></script> 

<script> 

    $(document).on("pagecreate", function() { 
     $("#mylist li").on("click", function() { 
      $("#myinput").val($(this).text()); 
      $("#mylist li").addClass('ui-screen-hidden'); 

      var selection = $("#myinput").val(); 
      var station_code = "null"; 

      if (selection == "Location1") 
      { 
       station_code = "A254"; 
       my_url="www.someurl.com/"+station_code; 
      } 
      else{ 
       station_code = "A300"; 
      } 

      $.ajax({ 
       type:"get",  
       dataType: 'jsonp', 
       url: "www.someurl.com", 
       success: function(data) { 
        //write code 
       } 
      }); 

     }); 
    }); 

</script> 

<div data-role="content" id="content"> 
<form class="ui-filterable"> 
    <input type="text" id="myinput"> 
</form> 
<ul data-role="listview" data-inset="true" data-filter="true" data-filter-reveal="true" data-input="#myinput" id="mylist"> 
    <li>location1</li> 
    <li>location2</li> 
    <li>location3</li> 
</ul> 
</div>

來源

2014-10-01 speedracer2003

什麼是AJAX部分 – melancia 2014-10-01 21:31:50

這不是一個好主意，使用'document.write（）的' – melancia 2014-10-01 21:32:37

你檢查開發者控制檯，代碼看起來語法不正確的我（尤其是流浪'else'） – Pointy 2014-10-01 21:32:41

我覺得你的JavaScript代碼。有點亂試試這個：？？

$(document).on("pagecreate", function() { 
     $("#mylist li").on("click", function() { 
      $("#myinput").val($(this).text()); 
      $("#mylist li").addClass('ui-screen-hidden'); 

      var selection = $("#myinput").val(); 
      var location_code = "null"; 
      var my_url = "null"; 

      if (selection == "Elm St"){ 
       location_code = "R227"; 
      } 

      my_url="www.somelink.com";    

      $.ajax({   
       type: "post", 
       url: my_url, 
       dataType: 'jsonp', 
       success: function(data){   
        document.write(data); 
       }, 
       error: function(){ 
        document.write ("didn't work"); 
       } 
      }); 
     }); 
    });

來源

2014-10-01 21:40:29 Khalid

感謝您的回覆。我對這些混亂的代碼表示歉意。我複製了代碼正確的代碼，但不知怎的，當它粘貼後，它被搞砸了。我確實嘗試了你的建議，但不起作用。我稍後會嘗試一些其他的東西，但現在我需要一些睡眠。我會讓你知道，如果我得到它的工作。再次感謝您的幫助=） – speedracer2003 2014-10-01 21:57:46

Ajax部分無法正常工作

回答

相關問題