您的位置：首页 > Web前端 > JQuery

ajax简单模板

2016-07-20 12:05 375 查看

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>ajax</title>
<%--  引用包 要在 上面 head 中 加载顺序问题
script文件也要卸载 上面 head中

--%>
<script src="../js/jquery-1.11.1.js" type="text/javascript">
</script>
<script>
function onsubmit(){
var  inf =$('#info').val();
$.ajax({
/*
* 逗号只是分隔符作用最后一项不要加逗号
* */
type : 'post',
url : '/aja_f.jsp',       // 这个url是网络地址 http://localhost:8081/jsp/aja_f.jsp  没有域名  /jsp/aja_f.jsp
data:'inf='+inf,
/**
* success 链接访问成功，能正常访问就回执行，
* 不管数据是否传输过去
* error  是本方法中的 数据不合法 比如data：中的参数不合法
* 404也会执行error
* */
success:function (data) {
alert(data)

},
error:function(){
alert("cc");
}
});
}
/*
* 这是初始化
* 这个方法 页面加载的时候直接运行不用调用
*
* */
$(function(){ //这个方法加载页面就运行  出错就不加载下面的了js代码了。  $(function(){})
$('#TJ').on('click',function () {
// import * as $ from "../js/jquery-1.11.1";
onsubmit();
})
//$("#div").append("<input type='text' value='dd'/>");
})
</script>
</head>
<body>

<div id="div">
<input type="text" id="info" placeholder="请输入账号 "/>
<button type="button" id="TJ">确定</button>
<script>
$('#TJ').on('click',function () {
// import * as $ from "../js/jquery-1.11.1";
onsubmit();
})
//$("#div").append("<input type='text' value='dd'/>");

</script>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jQuery ajax

相关文章推荐

新的分享

章节导航