ajax例子

实例一：

前端页面：

<td><input id="fundCode" name="fundCode" type="text" placeholder="请输入基金代码" onblur="checkFundCode(this)"></td>

<script type="text/javascript">

function checkFundCode(element){

var reg = "";

var fundCode = $(element),

_value = fundCode.val();

$.ajax({

   url: "/yilucaifu-admin/tool/checkComFund.do",    //请求的url地址

   data: {'fundCode': _value },    //参数值

   type: "post",   //请求方式

   dataType:'json',//接受数据格式 

   async:false,

   success: function(data) {

    reg = data;

   },

           error: function() {

               alert('对不起，基金代码验证失败！');

           }

});

if(reg=='0'){

    alert('没有此基金代码对应的基金');

    return;

    }

    if(reg=='1'){

    alert('没有此基金代码对应的正常上市的基金');

    return;

    }

    if(reg=='2'){

    alert('基金代码不能为空');

    return;

    }

}

</script>

后台服务器：

@RequestMapping(value="checkComFund")

public void checkComFund(HttpServletRequest request,HttpServletResponse response) throws IOException{

String reg = "3";

String fundCode = request.getParameter("fundCode");

if(fundCode.trim()==null || fundCode.trim()==""){

reg = "2";

}else{

int count = comFundService.selectFundCountByFundCode(fundCode);

if(count == 0){

reg = "0";

}else{

String fundNameAndType = comFundService.selectComFundNameAndType(fundCode);

if(fundNameAndType == null || "".equals(fundNameAndType)){

reg = "1";

}

}

}

PrintWriter pw = response.getWriter();

pw.print(reg);

}

实例二：

Map方式传参：

前端代码：

$(document).ready(

function() {

$("#password").val("");

$("#password").focusout(function() {

var password = $('#password').val();

$.post("/open-admin/openAdmin/affirmOldPassword.do",{'password':password},

function(data){

if("正确"==data.mess){

}

if("错误"==data.mess){

$("#password").val("");

alert("您输入的原密码错误，请重新输入！");

}

});

});

});

后端代码：

public Map<String,String> affirmOldPassword(HttpServletRequest request){

String user_name =((org.springframework.security.core.userdetails.User) SecurityContextHolder

.getContext().getAuthentication().getPrincipal())

.getUsername();

String oldPassWord = request.getParameter("password");

String passWord = CipherUtil.generatePassword(oldPassWord,

user_name);

String pw = openAdminService.getPasswordByUsername(user_name);

Map<String,String> map = new HashMap<String,String>();

if(pw.equals(passWord)){

map.put("mess", "正确");

}else {

map.put("mess", "错误");

}

return map;

}

实例三：

$("#orderbtn").on("click",function(){

        if ($("[name='username']").val() === "") {

dialog.error('请输入您的姓名！');

return false;

}

if ($("[name='mobiletelno']").val() === "") {

dialog.error('请输入手机号！');

return false;

}

if ($("[name='picCode']").val() === "") {

dialog.error('请输入图形验证码！');

return false;

}

if ($("[name='phonecode']").val() === "") {

dialog.error('请输入短信验证码！');

return false;

}

if ($("[name='amount']").val() === "") {

dialog.error('请输入预约额度！');

return false;

}

if (/\D/gi.test($("[name='amount']").val())|| $("[name='amount']").val()*1<1) {

dialog.error('预约金额应为1万元累加！');

return false;

}

$.ajax({

url:Base.domain + '/activity/appointment.html?r=' + Math.random(),

type: "post",

data:{

username:$("[name='username']").val(),

mobiletelno:$("[name='mobiletelno']").val(),

phonecode:$("[name='phonecode']").val(),

amount:$("[name='amount']").val(),

},

success: function(data) {

if (data.status == 'success') {

$("#pop-wrap").hide();

$("#pop-overlay,#tipsBox").show();

  

} else {

dialog.error(data.respmsg);

}

},

error: function(data) {

dialog.error('网络错误！请刷新页面！');

}

});

 });

$("[data-event-click='close']").on("click",function(){

$("#pop-wrap,#tipsBox,#pop-overlay").hide();

});

$("[data-event-preorder]").on("click",function(){

$("#pop-wrap,#pop-overlay").show();

});

});

seajs.use([ 'signup' ], function($) {

});

后端代码

@RequestMapping("/appointment")

public @ResponseBody

Map<String, Object> reg(HttpServletRequest request)

throws UnsupportedEncodingException {

Map<String, Object> model = new HashMap<String, Object>();

if (isPostMethod(request)) {

String username = request.getParameter("username");

String mobiletelno = request.getParameter("mobiletelno");

String amount = request.getParameter("amount");

if (!StringUtil.isEmpty(username) && !StringUtil.isEmpty(mobiletelno)) {

if (StringUtil.isMobileNO(mobiletelno)) {

String phonecode = request.getParameter("phonecode");

final String flag = SMSSendUtils.VALI_MOBILE;

Parameter param = parameterService.valiMobiletelno(

mobiletelno, phonecode, flag);

if (param == null) {

model.put("respmsg", "验证码错误");

model.put("status", YLCFConstants.FAILED);

}

} else {

model.put("respmsg", "请输入正确的手机号");

model.put("status", YLCFConstants.FAILED);

}

}

if (model.get("respmsg") == null) {

NewThirdBoard newThirdBoard = new NewThirdBoard();

newThirdBoard.setUsername(username);

newThirdBoard.setMobiletelno(mobiletelno);

newThirdBoard.setAmount(amount);

newThirdBoardService.saveNewThirdBoard(newThirdBoard);

model.put("respmsg", "");

model.put("status", YLCFConstants.SUCCESS);

}

}

return model;

}