Php JQuery/AJAX-如何实现？更好的结果？

DataPull.php：

    CASE "CityList":
        echo "<select style='width:132px;height:243px;' size='17' id='CityListA' name='CityListA' onChange='SubCityList(this.value);'>";
        $result = $db-> query("SELECT region_id,region_name FROM dwrel_region ORDER BY region_name");
        while ($row = $db-> fetch_assoc($result)){
            echo "<option value='".$row["region_id"]."'>".$row["region_name"]."</option> \n";
        }
        echo "</select>";
        break;

这对我来说很好。正在阅读JQuery/AJAX，并惊讶于您可以通过$（function（）{}）实现它；部分但是我不知道或者不能开始理解在哪里以及如何将它与我上面的代码“按原样”放在一起。希望有人能很好地指导我使用AJAX、拉拽和输出结果

是在试图理解如何使用它，甚至reading提到了JSON的使用？（我认为）或数据“原样”之类的。。哦，我不知道。。不管怎样，希望有人能帮我把这些放在一起，然后我就能更好地理解它

谢谢

编辑： 从这篇文章开始几周后，我学到了一种新的方法： 在CSS中：

在JQuery中：

$.ajax({
    beforeSend: function(){ $('#SOMEID').addClass('LoaderIcon'); },
    url: "SOME PARAMETER",
    success:function(data){
        $('#SOMEID').removeClass('LoaderIcon');
        $('#SOMEID').html(data)
    }

这对我来说很有魅力，希望它能让其他人受益：） });

试试这个

function CityList(){
 $("#YOUR_SPINNING_DIV_ID").html('<img src="PATH_TO_SPINNINGANIM_GIF"');
 $.ajax({
url: "DataPull.php?get=CityList",
success: function(data ){
  $("#CityList").html(data );
$("#YOUR_SPINNING_DIV_ID").html("");
 }
});
 }

---

在您的

jQuery（document.ready（）

---

其中

msg

是给定PHP文件中的

echo

那么你想把上面的代码转换成等价的jQuery吗？是的，这就是我的想法，我只是不能开始如何“转换”成jQuery。这会提取原始数据吗？或者基于我在Datapull.php中请求的内容？它将提取您在开关大小写“CityList”中的任何回显。我的意思是，您可以始终使用JSON，但您在客户端的登录需要更改。上面的代码将接受HTML，所以这是Returnah gotcha中所期望的（HTML），在这方面，我在拉取数据时有一个“旋转‘加载’”图标，我将把它放在哪里？

$.ajax({
    beforeSend: function(){ $('#SOMEID').addClass('LoaderIcon'); },
    url: "SOME PARAMETER",
    success:function(data){
        $('#SOMEID').removeClass('LoaderIcon');
        $('#SOMEID').html(data)
    }

function CityList(){
 $("#YOUR_SPINNING_DIV_ID").html('<img src="PATH_TO_SPINNINGANIM_GIF"');
 $.ajax({
url: "DataPull.php?get=CityList",
success: function(data ){
  $("#CityList").html(data );
$("#YOUR_SPINNING_DIV_ID").html("");
 }
});
 }

 $(document).ready(function() {

 $.ajax({
url: "DataPull.php?get=CityList",
success: function(data ){
  $("#CityList").html(data );
 }
});
 )};

$.ajax({
    type:'GET',
    url:'DataPull.php',
    data:'get=CityList',
    success:function(msg){
        alert('Success!\n\n+'+msg);
    },
    error:function(msg){
        alert('Error!\n\n'+msg);
    }
});