JavaScript--AJAX页面传值

1.首先 闲话不说 直接代码走起,都是我工作闲事的积累干货

//重要 js 运行 
$(function (){ 代码 });

2.ajax 传值

//第一种
输入框 
$(function () {
       
        $('#btn').click(function () {
            var data = main.getData();
            main.ajaxAlertUniversal('/jbWuLiu/jbWuLiu/ToAreaEd', data);
        })
    })

//第二种
function sub() {
  $('#btn').hide();
  var model = {
      Company: $('#Company').val(),
      BrandID: $('#BrandID').val(),
      BrandTitle: $('#BrandTitle').val(),
      ID: $('#ID').val()
  };
  $.ajax({
      url: '@Url.Action("AddrManageEd")',
      type: 'post',
      data: model,
      success: function(data) {
          if (data.code > 0) {
              alert('修改成功!');
              self.location = document.referrer;
          } else {
              alert(data.msg);
          }
          $('#btn').show();
      }
  });
}
//提交

//后台代码
return Json(new { code = 1, msg = "操作成功!" });

3.判断不为空

//第一种
$(function () {
            var txt1 = '为必填项';              // 以 HTML 创建新元素
            var txt2 = $("").text("Text2.");  // 以 jQuery 创建新元素
            var txt3 = document.createElement("p");
            txt3.innerHTML = "Text.";
            $("#Company").blur(function ()
            {
                if ($("#Company").val().trim() == "") {
                    IsNull = true;
                    $("b").append(txt1).css("color", "red");
                    $(this).css("background-color", "#D6D6FF");
                }
            })
})

//第二种
$(function () {
        $("input").each(function () {
            $(this).focus(function () { $(this).css("background-color", "#FFFFCC") });
            $(this).blur(function () { $(this).css("background-color", "#D6D6FF") });
        })

        $(".must").each(function () {
            $(this).blur(function () {
                if ($(this).val().trim() == "") {
                    $(this).next().html('带*的为必填项').css("color", "red");
                } else {
                    $(this).next().html("");
                }

            })
        })
})

4.地址

//引用




//页面
  • //return json return Json(new { code = 1, msg = "添加成功" });

    5.取值杂论

    $("#xxdxxd").val(this.value);
    
    val = $("#xxdxxd")[0].value;
    
    //例子
    
    
    

    获取文件框值:

    //单选框

     

     

    你可能感兴趣的:(WEB)