18
2020
03

jquery用ajax保存,判断表单不能为空

function loginSubmit() {        var username = $("#username").val();    // 获取id为username的<input>框数据
        var password = $("#password").val();    // 获取id为password的<input>框数据
        // 判断
        if (username.length == 0) {
            $("#username").tips({msg: "请输入用户名。"});            return;
        }        if (password.length == 0) {
            $("#password").tips({msg: "请输入密码。"});            return;
        }        // Ajax提交数据        $.ajax({
            url: "admin/check_login",    // 提交到controller的url路径
            type: "post",    // 提交方式
            data: {"username": username, "password": password},  // data为String类型,必须为 Key/Value 格式。
            dataType: "json",    // 服务器端返回的数据类型
            success: function (data) {    // 请求成功后的回调函数,其中的参数data为controller返回的map,也就是说,@ResponseBody将返回的map转化为JSON格式的数据,然后通过data这个参数取JSON数据中的值
                if (data.message == "success") {    
                    //跳转到系统首页                   ......
                } else {
                    ......
                }
            },
        });
    }


17
2019
12

jQuery向被选元素添加或是删除元素或是类

//下面是控制头部菜单的

$(document).ready(function () {

$(window).scroll(function(){

if ($(window).scrollTop()>100){

//$("#navnav").fadeIn(500);

24
2019
10

jquery改变元素高宽,延时改变

<!--so-->

<FORM action="/p/index.asp" method="post">

<input name="myKeyword" type="text" class="d_input" placeholder="Search..." />

04
2019
04

jquery弹出二维码

<div class="member_rmb" id="hxjxjs"><span class="iconfont">&#xe67b;</span>立即咨询在线客服</div>

<div id="footewm">

<div class="footewmbox"><img src="ewm.jpg" border="0"></div>

02
2019
03

layer弹窗效果带参数jquery

<a onClick="vote('<%=rs("id")%>')">充值</a>


<script type="text/javascript">

function vote(id) {

var url="ajax.asp?id="+id//如果用下面的content用的第一种方法则此行关闭

22
2019
02

layer_mobile手机端弹窗调用数据方法

<a href="#"id="wlsc">按物流市场选择</a>

<script type="text/javascript">

$(document).ready(function(){

$('#wlsc').on('click', function(){

19
2019
02

layer弹出层引用调用别的文件

<a onClick="login()">登陆</a>

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

<script src="js/layer/layer.js"></script>

<script type="text/javascript">

19
2019
02

使用jquery刷新当前页面

如何使用jquery刷新当前页面

下面介绍全页面刷新方法:有时候可能会用到

13
2019
02

jquery实现返回顶部

<a href="javascript:;" title="返回顶部" class="topbut"><img src="/images/top.png"/></a>

$('.topbut').click(function(){

    $('body,html').animate({scrollTop:0},500)

20
2019
01

jquery调整文章字体大小

字体大小调整:<span class="biga"><img src="/images/a+.jpg" /></span><span class="bigb"><img src="/images/a-.jpg" /></span><span class="bigc"><img src="/images/a.jpg" /></span>