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

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

2.ajax 传值

//第一种
输入框 <input type="text" data-upload="Descript" value="" />
$(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();}});
}
//提交
<input id="btn" type="button" class="btn" value="保存" οnclick="sub();" />
//后台代码
return Json(new { code = 1, msg = "操作成功!" });

3.判断不为空

//第一种
$(function () {var txt1 = '为必填项';              // 以 HTML 创建新元素var txt2 = $("<b></b>").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.地址

//引用
<script src="~/js/main.js"></script>
<script src="~/Scripts/PCASClass.js"></script>
<script>$(function () {new PCAS("Adress1", "Adress2", "Adress3", '@(Model.FromAddr == "" ? "" : Model.FromAddr.Split(' ')[0])', '@(Model.FromAddr.Split(' ').Length >1 ? Model.FromAddr.Split(' ')[1] : "")', '@(Model.FromAddr.Split(' ').Length == 3 ? Model.FromAddr.Split(' ')[2] :"" )');})function sub() {var FromAddrr = '';$('#Adress>select').each(function (index) {FromAddrr += $(this).val() +' ';// if (index < $('#Adress>select').length - 1) FromAddrr += ' ';
        })$("#btn").hide();var model = {BrandID: $("#BrandID").val(),ID: $("#ID").val(),FromTitle: $("#FromTitle").val(),FromAddr: FromAddrr.trim(' ')};$.ajax({url: '@Url.Action("BrandAdressEd")',type: 'post',data: model,success: function(data) {if (data.code > 0) {alert('修改成功!');self.location = document.referrer;} else {alert(data.msg);}$("#btn").show();}});}
</script>//页面
<li class="fm_item"  id="Adress"><label>地址:</label><select name="Adress1" class="selectBox"></select><select name="Adress2" class="selectBox"></select><select name="Adress3" class="selectBox"></select>
</li>
<input id="btn" type="button" class="btn" value="保存" οnclick="sub();" />
//return json
return Json(new { code = 1, msg = "添加成功" });

5.取值杂论

$("#xxdxxd").val(this.value);
<input type="text" name="xxdxxd"  id="xxdxxd" />
val = $("#xxdxxd")[0].value;//例子
<script>function Show_xxdxxd(info) {//赋值操作var txt = info.value;$("#xxdxxd").val(txt);}function get_xxdxxd() {//取值操作val = $("#xxdxxd")[0].value;$("#get_info").html(val);}</script><div><input type="text" value="赋值文件框" id="verifyButton"  οnchange="Show_xxdxxd(this)" /><input type="text" name="xxdxxd"  id="xxdxxd" /><p>获取文件框值:<input type="button" value="读取文件框值" id="verifyButton" οnclick="get_xxdxxd()" /><div id="get_info"></div><p>
</div>//单选框
<div><input type="radio" name="_radio" value="1" ><input name="_radio" type="radio" value="2" ><input type="button" value="赋值文件框" οnclick="Show_redio()" /><input type="radio" name="radio_type" value="3"><input name="radio_type" type="radio" value="4" checked="checked"><input type="button" value="赋值文件框" οnclick="Show_redio()" />
</div><script>function Show_redio() {//获取单选项值 $("input[type=radio][checked]").val();//第一种方法, 取得选中状态的值_val = $("input[type=radio][checked]").val();//第二种方法,直接用radio的name进行操作, 取得选中状态的值  获取一组radio被选中项的值__val = $("input[name=radio_type][checked]").val();//radio单选组的第一个元素为当前选中值$("input[type=radio]").get(0).checked = true;$("input[name=radio_type]").get(0).checked = true;//alert(_val);//alert(__val);
    }</script>

最后赋诗一首

梦游天姥吟留别 / 梦游天姥山别东鲁诸公

唐代:李白
海客谈瀛洲,烟涛微茫信难求;
越人语天姥,云霞明灭或可睹。
天姥连天向天横,势拔五岳掩赤城。
天台四万八千丈,对此欲倒东南倾。(台:tāi)
我欲因之梦吴越,一夜飞度镜湖月。(度 通:渡)
湖月照我影,送我至剡溪。(剡:shàn)
谢公宿处今尚在,渌水荡漾清猿啼。(渌:lù)
脚著谢公屐,身登青云梯。 (屐:jī)
半壁见海日,空中闻天鸡。
千岩万转路不定,迷花倚石忽已暝。(暝:míng)
熊咆龙吟殷岩泉,栗深林兮惊层巅。
云青青兮欲雨,水澹澹兮生烟。
列缺霹雳,丘峦崩摧。
洞天石扉,訇然中开。(訇:hōng)
青冥浩荡不见底,日月照耀金银台。
霓为衣兮风为马,云之君兮纷纷而来下。
虎鼓瑟兮鸾回车,仙之人兮列如麻。
忽魂悸以魄动,恍惊起而长嗟。
惟觉时之枕席,失向来之烟霞。
世间行乐亦如此,古来万事东流水。
别君去兮何时还?且放白鹿青崖间,须行即骑访名山。
安能摧眉折腰事权贵,使我不得开心颜!

转载于:https://www.cnblogs.com/zhangtaotqy/p/8137103.html

JavaScript--AJAX页面传值相关推荐

  1. 静态html页面传递参数,javascript静态页面传值的三种方法分享

    一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm function Post() { //单个值 Read.htm?username=b ...

  2. ajax 跳转 html页面传值,ajax实现页面跳转并传参

    javascript" name=code class="page_speeder_20720">整理版 $.ajax({ type:"POST" ...

  3. iframe父子级页面传值支持跨域访问javascript

    今天在使用parent.fn()调用父页面方法时发现并没有成功调用到父级iframe中的方法,后来发现是两个iframe并不在同一域名下,在网上查过后,发现H5中message方法恰好支持,闲话不多说 ...

  4. html点击按钮获取列表数据传递到页面,随笔:ajax传递数组,layui父子页面传值,下来菜单赋值,父页面数据获取,表格数据替换为字符串...

    一.Ajax向后台传递数组问题:(声明前台我使用的layui框架) 例:我们要多前台一个数据表格进行批量删除操作,我们通过复选框选中数据id,将id存入一个数组中,然后利用ajax传递给后台,完成批量 ...

  5. ajax 返回数组某个属性值,jQuery Ajax向某个页面传值并取得返回的数组

    本案例讲诉通过Ajax向某个PHP页面传值,并将得到的数组通过json_encode()函数处理,然后返回给ajax,下面是在实际案例摘取的部分代码: PHP页面 public function sh ...

  6. layer用ajax往jsp页面传值,layer.open中父页面向子页面传值(示例代码)

    1.咱先看图说话 父list.jsp 子operate.jsp 实现的代码 1 在父页面上完成对子页面的数据渲染 function setData(data) { var lay=layer.open ...

  7. Javascript实现页面跳转传值示例Demo

    正好今早有时间,做个简单的示例,讲解一下页面传值的其中一种方式,使用Session传值. session在我看来,是在页面加载过程中,可以保存临时数据的一种方式. 然后,从一个页面跳转到另一个页面的时 ...

  8. 上传图片至服务器,写入到数据库Blob字段中,以及从数据库读取Blob信息(iframe父子页面传值)(1)

    最近做了个用户维护功能,涉及到照片的操作. 照片是存到数据库oracle中的Blob字段中. 难点有两个: 1,图片的上传:2,Blob字段的读取. 先说图片的上传吧, 我使用common-fileu ...

  9. JavaScript/Ajax/JQuery知识点(BOM/DOM/ScriptEngine/JS引擎),JSCore

    捋顺JavaScript底层知识,重点讲解如原型.作用域.执行上下文.变量对象.this.闭包.按值传递.call.apply.bind.new.继承等难点概念??   JS中的继承?JS的原型模式, ...

  10. 【转】ASP.NET中页面传值

    http://www.cnblogs.com/wenly/archive/2008/06/10/1216678.html 一.目前在ASP.NET中页面传值共有这么几种方式: 1.表单提交,    & ...

最新文章

  1. Template Method(模板方法)模式
  2. c dup 函数
  3. 在大数据时代,我们需要数据售货员
  4. 成功创业者必须具备的9个特质
  5. 教育部最新公布!2019年高校新增和撤销了这些本科专业
  6. c++输出小数点后几位_Python格式化输出的精度和位数控制
  7. 织梦dede企业律师事务所网模板源码
  8. WPF RichTextBox的Document属性的序列化与反序列化
  9. JS -- http、https地址自动检测并添加为链接
  10. Mootools:Hash中的null值
  11. SqlServer中使用游标进行双重遍历
  12. 软件测试测试用例编写 不超过7步骤_软件测试(功能、接口、性能、自动化)详解...
  13. SmallPDF安装
  14. 第十一周助教心得体会
  15. java中如何确定表的列宽,excel列宽怎么设置_javaexcel怎么设置所有列宽
  16. 夺命十三枪枪谱完整版
  17. esp8266解析php,ESP8266 Bootloader开源代码解析之rboot(一)
  18. 报错:module ‘brotli‘ has no attribute ‘error‘
  19. qbo机器人软件总体情况
  20. 网址URL转义,特殊字符编码HTTP URL编码表

热门文章

  1. 有一个好的身体太重要了
  2. springboot 调用方法事物_springboot中使用@Transactional注解事物不生效的坑
  3. 《使命召唤》官方秘籍
  4. 网易163邮箱相关服务
  5. cosine similarity 余弦相似度
  6. 前端常用英语单词(手都打累了)!
  7. 解读京东“拉黑门”:被拐弯的真相
  8. 印刷行业中过UV是什么意思?
  9. UOJ #455.【UER #8】雪灾与外卖 堆模拟费用流
  10. 前端面试经典题目合集--77题