问题描述

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

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

解决方案

function tijiao(){

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

$.ajax({

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

url:'我是提交地址',

data:formParam,//提交的数据

cache:false,

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

}

解决方案二：

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

解决方案三：

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

解决方案四：

html

js

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

}

});
}

解决方案五：

怎么被吞掉了...

解决方案六：

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