ajax 三种提交请求的方法

编程技术  /  houtizong 发布于 3年前   76

1、ajax 提交请求

$.ajax({type:"post",url : "${ctx}/front/Hotel/getAllHotelByAjax.do",dataType : "json",success : function(result) {try {for(var i=0;i<result.length;i++){            $(".cityHotel_ul").append("<li ><a href='${ctx}/front/Hotel/hotelDetail.do?id="+result[i].id+"' style='color:#f6f2ef;text-decoration:none;'>"+result[i].hotelName+"</a></li>");        }} catch (e) {alert(e);return;}}});

 

2、post提交请求

$.post(editurl,{typeName:datas[0]},function(data){alert(data);},"text");

 

3、ajax提交form表单,需要jquery-form 插件

$("#addArticleForm").ajaxSubmit({url : '${ctx}/back/Article/addArticle.do',success : function(data) {alert("添加文章成功!");window.location.href='${ctx}/back/Article/manageArticle.do';}});

 

注:如form中包含图片需要在 from中添加 action 具体如下:

<form id="addArticleForm" action="${ctx}/back/Article/addArticle.do" method="post"enctype="multipart/form-data">

 

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

留言需要登陆哦

技术博客集 - 网站简介:
前后端技术:
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成

网站主要作用:
1.编程技术分享及讨论交流,内置聊天系统;
2.测试交流框架问题,比如:Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识,如有侵权请发邮件到站长邮箱,站长会尽快处理;
4.站长邮箱:[email protected];

      订阅博客周刊 去订阅

文章归档

文章标签

友情链接

Auther ·HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群 也可以扫右边的二维码
侯体宗的博客