ajax jsp jquery,ajax +jquery 基本

ajax格式,(key:value,)value值用单引号括起来

$.ajax({

type:,      //'post','get'

url:,        //action的路径

data:,    //传到后台的参数,多个参数的连接符为'&'

success:function(msg){}//对返回的JSP页面或结果进行处理

});

1)jsp:

   --%>

2)Javascript:

data的值表示把页面的值传到后台(/GetSN.action),多个参数的连接符为'&'

执行成功后把结果放到一个JSP页面(ajaxSN.jsp),通过 success:function(msg),放到ID为'div_sn'

function getsn(){

document.getElementById("div_sn").style.display="block";

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

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

if(sn.length>5){

$.ajax({

type:'post',

/GetSN.action'">url:'/GetSN.action',

timeout:2000,

data:'sn='+$('#sn').val() +'&product='+$('#product').val(),

success:function(msg){

$("#div_sn").html(msg);

}

});

}

}

3)ajaxSN.jsp

JSP Page

.DivSelect

{

position: relative;

background-color: transparent;

width: 135px;

overflow: hidden; /*隐藏了小三角,因为宽度为110px,而select宽度为130px*/

border-width:0px;

border-top-style: none;

border-right-style: none;

border-left-style: none;

border-bottom-style: none;

}

/*设置Select样式*/

.SelectList

{

position: relative;

background-color: transparent;

border-width: 0px;

border-top-style: none;

border-right-style: none;

border-left-style: none;

border-bottom-style: none;

width:155px;

display:block;

overflow:hidden;

}

${sn}

 ${char}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值