ITPub博客

首页 > IT职业 > IT图书 > ajax +jquery 基本

ajax +jquery 基本

IT图书 作者:lcc 时间:2021-09-09 09:55:00 0 删除 编辑

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
        
    
    
        

        
        

    

 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2331/viewspace-2814345/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-09-06

  • 博文量
    119
  • 访问量
    12368