java中ajax的用途_Ajax在java前台中怎么运用

ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化xmlhttp对象,使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行,从而实现异步。

下面例子.

分页ajax 应用

function fenye(cpage) {

location = "/list?cpage="+cpage;

}

function qx(){

$(".ch").each(function() {

$(this).attr("checked",true);//false

})

}

function fx(){

$(".ch").each(function() {

$(this).attr("checked",!$(this).attr("checked"),true);

})

}

function plsc(){

var ids = "";

$(".ch:checked").each(function() {

ids+=","+$(this).val();

})

ids = ids.substring(1);

location="plsc?ids="+ids;

}

@RequestMapping("/plsc")

public String plsc(String ids) {

System.out.println(ids);

String[] split = ids.split(",");

for (String string : split) {

zm.deleteByPrimaryKey(Integer.valueOf(string));

}

return "redirect:lista";

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现select下拉框的三级联动,可以通过Ajax和JQuery来实现。具体步骤如下: 1.在页面定义三个select下拉框,并且为它们分别定义id。 ``` <select id="province"></select> <select id="city"></select> <select id="district"></select> ``` 2.编写ajax请求,获取省份数据,填充省份下拉框。 ``` $.ajax({ url: "getProvinceList", type: "GET", dataType: "json", success: function(data){ var options = "<option value=''>--请选择--</option>"; for(var i=0; i<data.length; i++){ options += "<option value='" + data[i].id + "'>" + data[i].name + "</option>"; } $("#province").html(options); } }); ``` 3.为省份下拉框绑定change事件,当选择省份时,发送ajax请求获取该省份的城市数据,填充城市下拉框。 ``` $("#province").change(function(){ var provinceId = $(this).val(); $.ajax({ url: "getCityList", type: "GET", dataType: "json", data: {"provinceId":provinceId}, success: function(data){ var options = "<option value=''>--请选择--</option>"; for(var i=0; i<data.length; i++){ options += "<option value='" + data[i].id + "'>" + data[i].name + "</option>"; } $("#city").html(options); } }); }); ``` 4.为城市下拉框绑定change事件,当选择城市时,发送ajax请求获取该城市的区/县数据,填充区/县下拉框。 ``` $("#city").change(function(){ var cityId = $(this).val(); $.ajax({ url: "getDistrictList", type: "GET", dataType: "json", data: {"cityId":cityId}, success: function(data){ var options = "<option value=''>--请选择--</option>"; for(var i=0; i<data.length; i++){ options += "<option value='" + data[i].id + "'>" + data[i].name + "</option>"; } $("#district").html(options); } }); }); ``` 以上就是基于Ajax、JQuery实现select下拉框三级联动的步骤。需要注意的是,需要编写后台代码来获取省份、城市、区/县的数据,并返回给前台。另外,需要在页面引入JQuery库。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值