2 xiaozhao0211 xiaozhao0211 于 2015.07.08 10:40 提问

ajax实现页面无跳转提交form表单

我没有做过ajax,不懂js跟jq,想实现一个输入框输入,然后提交添加,ajax怎么实现页面无跳转,显示添加成功呢,求贴测试好的代码,写好尽量讲解下

6个回答

jiawei0418
jiawei0418   2015.07.08 10:57
已采纳

function tijiao(){

var formParam = $("#我是form的id").serialize();//序列化表格内容为字符串

$.ajax({

type:'post', //提交方式

url:'我是提交地址',

data:formParam,//提交的数据

cache:false,

dataType:'json', //数据类型
success:function(data){ //后台处理成功后的返回操作
}
error:function(){} //后台处理失败后的返回操作
});

}

jiawei0418
jiawei0418 回复xiaozhao0211: url里写action地址 什什什么.action之类的处理类 或者把java代码写jsp里当action也行 不规范
2 年多之前 回复
jiawei0418
jiawei0418 <form id="我是form的id">我的名字:<input type="text" name="name"/><input type="button" onclick="tijiao()"/></form>已经很详细了 还不会么
2 年多之前 回复
xiaozhao0211
xiaozhao0211 能写完整点吗?。。。我对脚本一点不懂,写个form表单,调用,,,
2 年多之前 回复
wcg1988923
wcg1988923   2015.07.08 11:25

函数没问题,你得有时间出发来调运呀,比如说写一个按钮在响应它的onclick事件时 调运你的函数

xiaozhao0211
xiaozhao0211 需要把这个函数写到一个外部文件,引文是吗?
2 年多之前 回复
xiaozhao0211
xiaozhao0211 那个url是怎么写的?我用的onclick=tijiao()没效果
2 年多之前 回复
wcg1988923
wcg1988923   2015.07.08 11:43

在jsp页面定义一个button :
js:
$(function(){
$("#submitBtn").click(function(){
tijiao();
}
}

u013222136
u013222136   2015.07.15 16:34

html

js

function sub(){
$.ajax({
url:url,
dataType:json,
data:data, //发送数据
cache:false,
async:false, //true异步 false同步
success:function(){
alert("注册成功");

}

});
}

u013222136
u013222136 <form onclick="sub()" method="get"> <input type="text" name="aaa" > <input type="submit" value="Submit"> </form> </body>
2 年多之前 回复
u013222136
u013222136   2015.07.15 16:34

怎么被吞掉了...

dongjinwang
dongjinwang   2015.07.27 23:58

函数没问题,你得有时间出发来调运呀,比如说写一个按钮在响应它的onclick事件时 调运你的函数

Csdn user default icon
上传中...
上传图片
插入图片