按钮的ajax请求发不到controller里面

不明觉厉的憨 2020-05-28 02:48:06
前端代码


            <div class="layui-form-item">

                <label class="layadmin-user-login-icon layui-icon layui-icon-cellphone" for="phone"></label>

                <input type="text" name="phone" id="phone" lay-verify="phone" placeholder="手机" class="layui-input">

            </div>

            <div class="layui-form-item">

                <div class="layui-row">

                    <div class="layui-col-xs7">

                        <label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="code"></label>

                        <input type="text" name="code" id="code" lay-verify="required" placeholder="验证码"

                               class="layui-input">

                    </div>

                    <div class="layui-col-xs5">

                        <div style="margin-left: 10px;">

                            <button name="btn" type="button" class="layui-btn layui-btn-primary layui-btn-fluid"

                                    id="btn" onclick="time(this)">获取验证码

                            </button>



                        </div>

                    </div>

                </div>

            </div>


ajax请求，这里用的是layui框架


<script src="resource/layuiadmin/layui/layui.js"></script>

<script>

    layui.config({

        base: 'resource/layuiadmin/' //静态资源所在路径

    }).extend({

        index: 'lib/index' //主入口模块

    }).use(['index', 'user'], function () {

        var $ = layui.$

            , setter = layui.setter

            , admin = layui.admin

            , form = layui.form

            , router = layui.router()

            , search = router.search;



        form.render();





        //$("body").on("click","#get-vercode",function(){

        //alert(1);

        //});



        $("#get-vercode").click(function () {

            this.src = "system/admin/validateCode?t=" + (new Date).getTime();

        });



        //提交

        form.on('submit(user-login-submit)', function (data) {



            doLogin(data.field);



        });



        /**

         * 存字符形式

         * @returns

         */



        function doLogin(params) {

            var index = layer.load(1, {shade: 0.7});

            $.ajax({

                type: 'post',

                url: 'system/admin/dologin',

                dataType: "json",

                traditional: true,

                //设置contentType类型为json

                //contentType : 'application/json;charset=utf-8',

                //json数据

                data: params,

                //请求成功后的回调函数

                success: function (data) {

                    layer.close(index);

                    if (data.success) {



                        layer.msg(data.msg, {

                                offset: 'auto'

                                , icon: 1

                                , shade: 0.3

                                , shadeClose: true

                                , anim: 1

                                , time: 2000

                            },

                            function () {

                                location.href = '/system/admin/index';

                            });



                        //后台主页

                    } else {



                        layer.msg(data.msg, {

                            offset: 'auto'

                            , icon: 2

                            , shade: 0.3

                            , shadeClose: true

                            , anim: 1

                        });

                    }

                },

                error: function () {

                    layer.close(index);

                    layer.msg("网络请求失败！", {

                        offset: 'auto'

                        , icon: 2

                        , shade: 0.3

                        , shadeClose: true

                        , anim: 1

                    });

                }

            });

        }





        /**

         * 短信验证码

         * @type {string}

         */

        var sms = "";

        $("#btn").click(function () {

            var phone = $("#phone").val();

            if (phone != "") {

                $.ajax({

                    type: "POST",

                    URL: "/smscode/sendsms/logged",  //发送请求  admin\core\arm\controller\SmsCodeController   system/core/arm/controller/sendSms

                    data: {

                        smsType: "1004",

                        phone: phone

                    },

                    success: function (res) {

                        sms = res;

                    }

                });

            } else {

                alert("请输入手机号");

                return false;

            }

        });

        $("#lo").click(function () {

            var code = $("#code").val();

            if (code == "") {

                alert("请输入验证码");

            } else {

                if (sms == code) {

                    window.location.href = "success.jsp";

                } else {

                    alert("验证码错误");

                };

            };

        });



    });



</script>


controller
package com.zwh.admin.core.arm.controller.index;



import com.yhzq.base.ccl.datastructure.Dto;

import com.yhzq.base.ccl.datastructure.impl.ResponseDto;

import com.yhzq.base.mvc.BaseController;

import com.yhzq.common.service.core.SmsCodeService;

import org.springframework.http.MediaType;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.ResponseBody;



import javax.annotation.Resource;



/**

 *

 * 功能描述 短信controller

 *

 * @author chenshuai QQ:394785275

 * @date 2019/1/2 21:45

 */

@Controller

@RequestMapping("/smscode")

public class SmsCodeController extends BaseController {



	@Resource(name = "smsCodeService")

	private SmsCodeService smsCodeService;



	@RequestMapping(value = "/sendsms/logged", produces = MediaType.APPLICATION_JSON_UTF8_VALUE)

	@ResponseBody

	public Object sendSms() throws Exception {

		Dto<String, Object> pDto = super.getParamAsDto();

		ResponseDto<String, Object> responseDto = super.newResponseDto();

		smsCodeService.sendMsg(responseDto, pDto.getAsInteger("smsType"), pDto.getAsString("receiver"), pDto);

		return super.write(responseDto, null);

	}

}

没有报错 但是返回登录页面 不知道为什么 难搞
...全文
198 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
jio可 2020-05-28
  • 打赏
  • 举报
 回复
contentType : 'application/json;charset=utf-8', dataType: 'json'
jio可 2020-05-28
  • 打赏
  • 举报
 回复
api写了application/json utf-8
不明觉厉的憨 2020-05-28
  • 打赏
  • 举报
 回复
引用 7 楼 jio可 的回复:
把ajax的属性写完整和登录ajax请求一样


其实有想过，但是这玩意看不懂。。。就怕写错更加麻烦
jio可 2020-05-28
  • 打赏
  • 举报
 回复
把ajax的属性写完整和登录ajax请求一样
不明觉厉的憨 2020-05-28
  • 打赏
  • 举报
 回复
引用 4 楼 jio可 的回复:
获取验证码按钮上绑定了一个click执行time(this)方法，然后下面又写了一个$('#code').click(...)，自己debugger看下代码运行流程是什么。先注释掉请求登录接口的代码看看。估计你的代码都没走获取验证码的流程


但是走到我的
$("#btn").click(function () {
var phone = $("#phone").val();
if (phone != "") {
$.ajax({
然后下面就没有了
不明觉厉的憨 2020-05-28
  • 打赏
  • 举报
 回复
引用 4 楼 jio可 的回复:
获取验证码按钮上绑定了一个click执行time(this)方法，然后下面又写了一个$('#code').click(...)，自己debugger看下代码运行流程是什么。先注释掉请求登录接口的代码看看。估计你的代码都没走获取验证码的流程


是的没有走验证码，所以就。。。。
jio可 2020-05-28
  • 打赏
  • 举报
 回复
获取验证码按钮上绑定了一个click执行time(this)方法，然后下面又写了一个$('#code').click(...)，自己debugger看下代码运行流程是什么。先注释掉请求登录接口的代码看看。估计你的代码都没走获取验证码的流程
不明觉厉的憨 2020-05-28
  • 打赏
  • 举报
 回复
引用 2 楼 jio可 的回复:
你把问题描述清楚，api图片代码是获取验证码，web浏览器图片是请求的登录api。你是要问什么，请求验证码的接口没反应？但是你是请求的登录接口啊怎么会走验证码的api流程？


不是，我ajax写的是请求验证码的，只是我按了按钮之后，就被改了，我也不懂为什么，然后返回的就是这样的东西
jio可 2020-05-28
  • 打赏
  • 举报
 回复
你把问题描述清楚，api图片代码是获取验证码，web浏览器图片是请求的登录api。你是要问什么，请求验证码的接口没反应？但是你是请求的登录接口啊怎么会走验证码的api流程？
不明觉厉的憨 2020-05-28
  • 打赏
  • 举报
 回复
求大神帮忙呀，挺急的啊
springboot|前端发ajax请求到后台Controller及常见的坑
前端发ajax请求 这块是web的基础,发web请求大概需要以下几步1.引用web相关的依赖2.前端页面引入jquery.js3.编写ajax请求4.编写对应的Controller 引入web相关的依赖 前端的模板选用的是thymeleaf implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.springframework.boot:spring.
Ajax请求中data与Controller数据交互
第一种 直接放在url的参数里 Ajax：数据里放在URL里作为参数传递： $(document).on("click","#btn1",function(){ $.ajax({ url: rootPath+"/ajax/s1?t1_nm="+$("#t1").val()+"&t2_nm="+$("#t2").val(), type: "POST", success: function(result){ alert(r
ajax 请求 springboot中的Controller ，ajax请求url中的 localhost 和 127.0.0.1不同源，跨域问题导致报错
登录页面表单请求，登录成功，并把登录信息放在session中，登录成功后，进入菜单页面，在页面上触发一个ajax请求，该请求中的url用到了http://127.0.0.1:8080/asfd,但是该请求会生成一个新的session，和之前的登录session是两个不同的session，所以框架拦截器会拦截掉该ajax请求，又要重新登录，导致又要用户重新登录（这就是问题了）。解决方法：把ajax...
发送ajax请求后，接收不到后端的请求（解决方案）
拦截器就给登录或者展示的页面放行，其它的controller中的请求路径是因为你登录过了，所以服务器有session记录。刚开始访问主页面http://localhost:8080，回车，跳转到登录页面http://localhost:8080/web/login.html。）拦截，在没有session记录之前，要将 登录请求路径放行，这样点击登录按钮，才能发送ajax请求，然后服务器后台处理 登录请求路径。输入用户名和密码后，点击登录按钮，发送ajax请求，但是，服务器处理请求后，跳到。
html的ajax请求
页面中ajax发起请求，controller接收数据并处理 这次ajax的测试以访问html的方式配置 配置yml文件： 然后在 src/main/webapp下创建一个html页面 创建controller： 运行项目就可以访问到index.html： 引入jquery： 修改index.html页面： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Inse
Ajax

52,797

社区成员

25,305

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章