$.post("demo.php",{name:"Duck"},function(data,status){
创新互联制作网站网页找三站合一网站制作公司,专注于网页设计,成都网站建设、成都网站制作,网站设计,企业网站搭建,网站开发,建网站业务,680元做网站,已为千余家服务,创新互联网站建设将一如既往的为我们的客户提供最优质的网站建设、网络营销推广服务!
alert("Data: " + data + "\nStatus: " + status);
});
demo.php是提交的地址;
name:"duck"是post的数据
data是post后返回的值,status是返回状态。
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
titleDocument/title
script src="js/jquery-3.2.0.min.js"/script
/head
body
input type="number" class="num1"
span+/span
input type="number" class="num2"
span=/span
input type="text" readonly="readonly" class="answer"
button计算/button
script
$(function(){
//构建计算函数
function addNum(a,b){
//返回计算结果
return a+b;
}
$("button").click(function(event) {
//"+"号将字符串转化成Number类型
var a = +$(".num1").val();
var b = +$(".num2").val();
//调用计算函数
$(".answer").val(addNum(a,b));
});
})
/script
/body
/html
你好!
可以通过jquery.form.js来解决。
form
标题:input type="text" name="title" /br /
内容:textarea name="content"textarea/br /
button提交/button
/form
$('button').on('click', function() {
$('form').on('submit',
function() {
var title = $('inpur[name=title]').val(),
content = $('textarea').val();
$(this).ajaxSubmit({
type: 'post', // 提交方式 get/post
url: 'your url', // 需要提交的 url
data: {
'title': title,
'content': content
},
success: function(data) {
// data 保存提交后返回的数据,一般为 json 数据
// 此处可对 data 作相关处理
alert('提交成功!');
}
$(this).resetForm(); // 提交后重置表单
});
return false; // 阻止表单自动提交事件
}
);
});
希望对你有帮助!
jquery.ajax方法在执行成功之后,就能直接获取后台返回的值,该值直接在success对应的function参数上。
$.ajax({
type: "POST",
url: "%=path %/two",
dataType: "json",
data:{'liDu':liDu,'startTime':startTime,'endTime':endTime},
success: function(returnedData){
alert(returnedData);
}
});
执行成功之后returnedData就是后台返回值。
跨域使用是jsonp,返回的不是单纯的数据,而是js代码
如alert(123); 所以一般是使用callback(data)这样的函数结合使用
SpringMVC作为服务端支持通过JSONP实现跨域请求
jquery中的返回值处理是在回调函数success中处理的。
如:
$.ajax({
url:"xxx.php",
type:"POST",
dataType:"json",
timeout:60000, \\/\\/超时时间,现在设置为60s。
success:function(data){
console.log(data);
}
});
在success中,data就是服务端返回的处理数据,可以按照json格式来解析。