ajax遍历数组(实现百度搜索提示的效果)

方法一：

页面

<input type="hidden" id="classpath" value="${pageContext.request.contextPath }"/>
         <div id="div">
             <form id="userForm">
                <span>搜索用户：<input type="text" id="text_input" name="userName" value=""/> 输入后自动搜索</span>
            </form>
            <div id="usersdiv">
                <ul>
                </ul>
            </div>
           </div>

遍历数组

//点击text事件
      $(function(){
          function text_input_sousuo(){
              var classpath = $("#classpath").val();
              var userName = $("#text_input").val();
              var usersdiv = $("#usersdiv ul");
              var text = "";
              //ajax
             $.ajax({
                type:"Post",
                data:{"userName":userName},//传入的参数
                dataType:"json",//接收回来是数组
                url:classpath+"/getUserByAllJson",
                 success:function(data){
                    $.each(data.users,function(i){
                        text+="<li>"+data.users[i].userName+"</li>";
                     });
                     usersdiv.html(text);
                     var usersli = $("#usersdiv ul li");
                        usersli.css({"float":"left","border":"1px solid #cccccc","height":"28px",
                            "width":"60px","margin":"10px","background-color":"#efefef","cursor":"pointer"
                        });
                    usersli.on("click",function(){
                        $("#text_input").val($(this).html());
                        usersdiv.empty();
                    });
                }
 
            });
          };
          $("#text_input").on("keyup",function(){
              text_input_sousuo();
          });
          $("#text_input").on("focus",function(){
              text_input_sousuo();
         }); 

strust文件

<package name="users" extends="json-default" namespace="/">
        <action name="getUserByAllJson" method="getUserByAll" class="cn.bdqn.action.user.UserAction">
            <result type="json">
                <param name="includeProperties">users.*</param>
            </result>
        </action>
    </package>

方法二：用getJSON来做（思路）

$("button").click(function(){
  $.getJSON("demo_ajax_json.js",function(result){
    $.each(result, function(i, field){
      $("div").append(field + " ");
    });
  });
});

<package name="users" extends="json-default" namespace="/">
        <action name="getUserByAllJson" method="getUserByAll" class="cn.bdqn.action.user.UserAction">
            <result type="json">
                <param name="root">users</param>
            </result>
        </action>
    </package>