亲测ajax简单实例

青旅半醒 2023-06-01 12:47 35阅读 0赞

<ul>
            <li class="first_l" style="text-align:left;"><b style="font-size:18px; 	color:red;">用户登录</b></li>
            <li><b>用户名:</b><input name="loginname" id="loginname" type="text" /></li>
            <li><b style=" letter-spacing:3px;">密 码:</b><input name="password" type="password" /></li>
            <li><b>验证码:</b> <img src="<%=basePath %>/img/vcodeimg.action" ><input class="vCode" title="点击刷新验证码" alt="vCode" name="vCode" id="vCode" type="text" /></li>
            <li style="text-align:center;  margin-left:10px;" >
            <button style="float:left;"  οnclick="commit()"><span>登录</span></button>
            </li>
        </ul>

<script>
    function commit(){
    var formdata = new FormData(); // 模拟表单对象
    formdata.append("loginname", $("#loginname").val());
    formdata.append("password", $("#password").val());
    formdata.append("vCode", $("#vCode").val());
    $.ajax({
    url : '${ctx}/login/loginJson.action',
    type : 'POST',
    async : false,
    data: formdata,
    // 告诉jQuery不要去处理发送的数据
    processData : false,
    // 告诉jQuery不要去设置Content-Type请求头
    contentType : false,
    beforeSend:function(){
    console.log("正在架子，请稍候");
    },
    success : function(data) {
    alert(data.message);	
    },
    error : function() {
    alert("页面加载错误！");
    }
    }); 
    }
    </script>

转载于:https://www.cnblogs.com/shewuxuan/p/11492976.html

发表评论取消回复

表情：

评论列表（有 0 条评论，35人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP 连接 Rabbitmq 实例代码（亲测通过）

接下来我们用 php 连接 rabbitmq 玩一玩。还没有安装 rabbitmq ，请参考 [Rabbitmq 安装][Rabbitmq] 还没有安装 PHP 的

待我称王封你为后i/ 2023年10月18日 16:17/ 0 赞/ 134 阅读

相关自己做的压测实例(亲测)

sysbench版本是sysbench 1.0.6 下面的lua文件根据是读还是写，还是混合读写而不同混合读写的 sysbench /usr/share/sysbenc

分手后的思念是犯贱/ 2023年10月07日 10:57/ 0 赞/ 35 阅读

相关用Python剪辑制作简单视频(moviepy) 亲测

把玩了下moviepy蛮有意思的, 记录下来方便以后使用 (ps: 其实直接看官网就可以无视该教程了: https://pypi.python.org/pypi/moviep

悠悠/ 2023年09月29日 08:23/ 0 赞/ 39 阅读

相关 SpringBoot单元测试实例详解（亲测实例）

大纲 1. 测试场景： 2. 添加依赖与配置 3. ApplicationContext测试实例 3.1. 集

小鱼儿/ 2023年07月06日 14:54/ 0 赞/ 44 阅读

相关亲测ajax简单实例

<ul> <li class="first_l" style="text-align:left;"><b style="font-size:18

青旅半醒/ 2023年06月01日 12:47/ 0 赞/ 36 阅读

相关 Docker简单安装Kafka及测试-亲测成功

Docker简单安装kafka及测试-亲测成功 Kafka简介： Kafka是由Apache软件基金会开发的一个开源流处理平台，由Scala和Java编写。Kafk

╰+哭是因爲堅強的太久メ/ 2023年01月22日 10:58/ 0 赞/ 34 阅读

相关 nginx反向代理配置实例（自用亲测）

-------------------- \https反向代理配置 server { listen 80;

╰半橙微兮°/ 2022年12月29日 06:30/ 0 赞/ 33 阅读

相关 nginx解决ajax跨域问题，亲测有效

1.如果是get方法的话，在ajax中的dataType写成"jsonp"即可。 ![70][] 但是jsonp只对GET方法有效，即使你的type是POST，PUT，DE

素颜马尾好姑娘i/ 2022年05月21日 11:18/ 0 赞/ 297 阅读

相关 CentOS7 安装 nginx 【超级简单，亲测有效】

> 1、所有文章优先发表在个人博客，后续如果有修改的话，可能忘记更新到CSDN了，给你带来不便，抱歉。 > 2、个人博客本篇文章地址：[https://www.xdx97

以你之姓@/ 2022年04月16日 00:38/ 0 赞/ 309 阅读

相关简单的ajax实例

<!DOCTYPE html> <html> <head> <title>测试</title> </head> <meta c

小鱼儿/ 2022年01月06日 11:25/ 0 赞/ 270 阅读