一个简单的 aiax请求例子
2024-09-03 12:57:54
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>修改折扣</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
method()
});
function method() {
$.ajax({
type:"GET",
url:"/guest/selectInvestorDiscount",
// data:{"id":val}, // data参数是可选的,有多种写法,也可以直接在url参数拼接参数上去,例如这样:url:"getUser?id="+val,
//data:"id="+val,
async:true, // 异步,默认开启,也就是$.ajax后面的代码是不是跟$.ajx里面的代码一起执行
cache:true, // 表示浏览器是否缓存被请求页面,默认是 true
dataType:"json", // 返回浏览器的数据类型,指定是json格式,前端这里才可以解析json数据
success:function(data){
$("#discount").text(data);
},
error:function(){
console.log("发生错误")
alert("发生错误");
},
complete:function(){
console.log("ajax请求完事,最终操作在这里完成")
}
});
}
</script> <script>
function updateDiscount() {
var val = $("#discouts").val();
$.ajax({
type:"POST",
url:"/guest/upDiscountByType",
data:{"discouts":val}, // data参数是可选的,有多种写法,也可以直接在url参数拼接参数上去,例如这样:url:"getUser?id="+val,
//data:"id="+val,
async:true, // 异步,默认开启,也就是$.ajax后面的代码是不是跟$.ajx里面的代码一起执行
cache:true, // 表示浏览器是否缓存被请求页面,默认是 true
dataType:"json", // 返回浏览器的数据类型,指定是json格式,前端这里才可以解析json数据
success:function(data){
console.log("成功的回调")
location.reload()
},
error:function(){
console.log("发生错误")
alert("发生错误");
},
complete:function(){
console.log("ajax请求完事,最终操作在这里完成")
location.reload()
}
});
}
</script> </head>
<body>
<div>
<div>当前折扣:<span id="discount"></span></div>
<input type="text" id="discouts" placeholder="请输入折扣"/>
<button onclick="updateDiscount();">修改</button>
</div> </body> </body>
</html>
最新文章
- 资源描述结构(Resource Description Framework,RDF)
- jQuery初探 jQuery选取和操纵元素的特点
- javascript版快速排序和冒泡排序
- 微软BI 之SSIS 系列 - 利用 SSIS 模板快速开发 SSIS Package
- NSNotificationCenter 的详细说明
- java 集合类简单的分析1
- 在Linux下进行磁盘分区
- Entity Framework查询,EF执行SQl
- 学习面试题Day06
- C# winform 递归选中TreeView子节点
- C#“简单加密文本器”的实现
- More DETAILS! PBR的下一个发展在哪里?
- Linux运维第二课----Linux发展史、环境准备
- This is very likely to create a memory leak 异常
- 改善 C# 的语言习惯(一) - 使用属性而不是可访问的数据成员(整理中)
- Spring MVC 上下文(ApplicationContext)初始化入口
- Apache ActiveMQ 远程代码执行漏洞 (CVE-2016-3088)案例分析
- pygame-KidsCanCode系列jumpy-part6-主角挂掉重新开始
- da5_random模块
- mysql字段添加修改删除