前端篇--前端数据传输至后端

//初始化页面时，自动加载：
window.onload= function(){
    //方法内容
}
    //点击按钮：
$("#button_id_").click(function() {
    //方法内容
    }
    //取值，取到想传输的值
    vars=$("#a").val();
    //对于取到的值进行信息校验
    if(s==null || s=="") {

    //在页面上添加一行文字
    $("#msg").html("请输入s的值")
    //弹框
    Alert("请输入s的值")
    return false;
}

//还可以写一些正则
//接下来是信息交互ajax
$.ajax({
    //传值get，post自选
    type:'GET',
    //SiteData.HOTEL_SITE拼接的动态访问地址
    url: SiteData.HOTEL_SITE +"/api/product/select_by_id_or_instance_id",

    //传值类型
    contentType:"application/json;cherset=utf-8",
     //c传值内容

    data: {"s":s},
    // 定义传输类型
    dataType:"json",

    //数据传输成功
    success:function(data) {
    //业务处理

  },
    //失败
    error:function(jqXHR) {
    varmsg = jqXHR.responseText
    $("#msg").html(msg)
}