jquery中ajax请求全过程

最新推荐文章于 2024-07-15 22:52:27 发布

yueyue_project

最新推荐文章于 2024-07-15 22:52:27 发布

阅读量911

点赞数 1

分类专栏：工程笔记数学建模文章标签：服务器 ajax

本文链接：https://blog.csdn.net/u013260304/article/details/50256567

版权

工程笔记同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

数学建模

1 篇文章 0 订阅

订阅专栏

本人比较容易这种格式性的东西，所以记一笔

$(".edit-store").click(function(){
         $.ajax({
            url: "get_store_info",//1.请求的action，点击按钮后先执行该请求，到服务器后台
            type: "post",
            dateType: "json",
            success: function(json){ //3.当执行后返回json类型的数据时，执行
                var data = $.parseJSON(json);
                var aboutUs = data["aboutUs"];
                var publicNotice = data["publicNotice"];
                var picPath = data["picPath"];
                var picPaths = new Array();
                var picPaths = picPath.split(",");

                $(".aboutUs").val(aboutUs);
                $(".publicNotice").val(publicNotice);
                $("#img1").attr("src","../uploadimage/" + picPaths[0]);
                $("#img2").attr("src","../uploadimage/" + picPaths[1]);
                $("#img3").attr("src","../uploadimage/" + picPaths[2]);

            }
        });

后台接受该请求

 <action name="get_store_info" class="com.admin.StoreList" method="getStoreInfo">
 </action>

public String getStoreInfo(){ //2.接受请求执行，并返回数据
        singleStore = StoreDao.getSingleStore(1);
        JSONObject json = new JSONObject();  
        json.put("aboutUs",singleStore.get("about_us"));  
        json.put("publicNotice",singleStore.get("public_notice"));  //对应json["publicNotice"]
        json.put("picPath",singleStore.get("pic_path"));  

        System.out.println(json.toString());

        HttpServletResponse response = ServletActionContext.getResponse();
        response.setContentType("text/html;charset=utf-8");//一定要写，不然会有乱码
        try {
            response.getWriter().write(json.toString());
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return null;
    }