通过jsonp提交json数据,springboot接收,要个例子,谢谢! 20C

通过jsonp提交json数据,springboot接收
通过jquery的jsonp提交一个json数据到服务器,服务器是springboot写的,怎么接收并解析?想要个完整例子,谢谢各位帮忙。主要是跨域提交

0

4个回答

前台js
$(document).ready(function(){
var url="http://192.168.23.16:8081/yhjw/getTest"+"?id=1&callback=?";
$.ajax({
url:url,
dataType:'jsonp',
processData: false,
type:'get',
success:function(data){
alert(data.message);
},
error:function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}});
});


后台代码
@RequestMapping(value = "/getTest")

public void getGroupById(@RequestParam("id") Long id,
HttpServletRequest request, HttpServletResponse response)
throws IOException {
String callback = request.getParameter("callback");
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
out.print(callback + "({\"message\":\"成功\"})");
}


0
qi923701
Powerful_Current jsop是get方式,就是在链接后面拼参数,,你可以讲json转换为字符串,然后后台再接受
一年多之前 回复
u014353911
wuruize888 我如果想传json呢?
一年多之前 回复

前台也可以这样写
var url="http://192.168.1.4:8082/entrance/WS/getTest";
$.ajax({
url:url,
data:"id=jolin12&upass=a123456&mn1=100&mn2=200",
dataType:'jsonp',
processData: false,
type:'get',
jsonp: 'callback',
success:function(data){
alert(data.message);
},
error:function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}});
})


0

都不是我想要的答案,不是不给你们分

0

建议你查看一下这里面的内容,应该对你有很大的帮助,我看里面有你需要的东西,https://www.cnblogs.com/jaxu/p/3698404.html,有什么不清楚的你在提问,望采纳,谢谢

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
html通过 ajax jsonp跨域请求接收和传送数据
html通过 ajax jsonp跨域请求接收和传送数据 使用HTML页面与后台跨域交互,获得后台数据或传输数据给后台
Spring boot 实现json和jsonp格式数据,接口共用
之前都是手动处理返回json和jsonp格式的数据,感觉很麻烦,为了解决json和jsonp接口共用,这个方法很好用哦
Ajax跨域请求——jsonp获取json数据
JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题; 例如在同一个系统中,我们进行了分布式分域名的部署,但是在这个域里面,我们需要通过ajax的方式去访问获取另一个域的数据,这时就产生的跨域的请求,但是浏览器出去安全考虑,是不允许进行跨域请求的; json与jsonp的区别:json是一种数据传输格式,而jsonp则是数据传输
解决form没有put请求的方法和后台用pojo对象接收json数据的方法
一、html的form是不支持put和delete的请求的,所以需要通过js的ajax请求完成。 前台html页面如下所示: <div id="dlg" class="easyui-dialog" style="width:400px" data-options="closed:true,modal:true,border:'thin',buttons:'#dlg-buttons'"&g...
Spring Boot支持JSONP跨域请求数据(Ajax的jsonp)
1:在Spring Boot的Api服务器上进行配置 package me.loveshare.note1.configuration; import org.springframework.web.bind.annotation.ControllerAdvice; import org.springframework.web.servlet.mvc.method.annotation.A...
jsonp请求数据的设置
关于jsonp跨域数据访问的设置 为了学习跨域访问,最近学习了jsonp的方式。 如果端口和主机对于两个页面是相同的,则两个页面具有相同的源,否则就是不同源的。 利用< script >元素的开放策略,网页可以得到从其他来源动态产生的JSON资料,而这种使用模式就是所谓的JSONP。用JSONP抓到的资料并不是JSON,而是任意的JavaScript。 重点是dataType,这个参数...
通过Ajax进行POST提交JSON类型的数据到SpringMVC Controller的方法
现在在做的项目用到了SpringMVC框架,需要从前端angular接收请求的JSON数据,为了测试方便,所以直接先用AJAX进行测试,不过刚开始用平时用的ajax方法,提交请求会出现415或者400错误,经过研究,终于可以了,现在做个总结。 js代码:   function postSimpleData() { $.ajax({ type: "PO...
node.js与ajax交互之 json 与 jsonp 数据格式问题
将 dataType 从 json 改成 jsonp 之后,新的问题出现了,就是 ajax 无法解析 json 类型的数据。这就很尴尬了,看了好几篇怎么解析的问题,都没看懂。后来终于看懂了。简而言之就是 dataType 改成 jsonp 的数据格式以后,再传 json 格式的数据就会报错了。那么,该传什么格式的数据呢?我的完整的ajax代码如下所示:$.ajax({ ...
AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 ma...
几种常用的ajax配合json数据格式向后台发送请求以及后台如何接收数据
一、$.ajax()(无刷新) jsonp格式:以url形式传递拼接数据:http://192.168.1.1/pwc/esb?gn=tx&cz=list&id=1&shzt=5 var param = {id:$("#cxsq_xk_id").val(),shzt:$('input[name="cxsq_sfcd"]:checked').val()} $.ajax({ typ
JSONP 在前端的发送和后台node.js的处理
最近做一个模块,前端用的是vue,后台用的是node.js,由于涉及到跨域,所以选择用JSONP进行前后台交互,讲一下自己的心得体会:(1)后台node.js 后台node.js接收jsonp请求并返回数据非常简单: var express = require('express'); var router = express.Router();router.get('/getinfo', func
springboot 接收ajax的json,出现异常
springboot 接收ajax的json,出现异常
Java Web 项目的Controller层如何接收JSON数据
日常笔记: 在项目开发的过程中,通过 Spring MVC 注解方式 在controller中获取Json的值,Controller中的方法参数是我自已封装的一个数据载体,如下: POJO类 @Data @AllArgsConstructor @NoArgsConstructor @EqualsAndHashCode(of = "name") @ToString(of = "na...
Spring Boot 返回 JSON 数据,一分钟搞定!
在 WEB 项目中返回 JSON 数据是常见的交互形式,在 Spring Boot 中这一切都变得十分简单。So easy!!! 你所需具备的基础 什么是 Spring Boot? Spring Boot 核心配置文件详解 Spring Boot 开启的 2 种方式 Spring Boot 自动配置原理、实战 Spring Boot 2.x 启动全过程源码分析 更多请在Java技术栈微信公众号...
jsonp获取json数据
这两天做微信端JS接口,当时遇到的第一个问题就是权限验证的参数请求,当你请求access_token等的时候,就会存在跨域问题:然后在网上查了,采用ajax的jsonp进行跨域请求,后来报错了,返回的结果错误。然后认真看了一下文档,发现ajax的jsonp返回的数据是callback(json),卡到这里。最后同时为了安全的考虑,我就将这一部分的权限验证参数在后端做,然后前端请求,这样就避免了跨域...
关于Ajax前台Json数据的接受和后台数据解析
关于Ajax前台Json数据的接受和后台数据解析具体问题方法解析一.不添加contentType 属性二.添加contentType:"application/json" 属性总结 具体问题 最近在使用Ajax做前后台数据传输时发现了一个问题,就是使用jQuery使用Ajax时是否添加contentType : "application/json; charset=utf-8"属性碰到的坑,下面...
Springboot 实现跨域访问 无需使用jsonp
在springboot的拦截器中添加respone的头信息即可 @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { //String ori...
$http.jsonp跨域获取Java后台Servlet 数据
angular如何跨域到Java的servlet获取数据
thinkphp中使用ajax接收json数据
考thinkphp+jquery实现ajax,扩展了下,写了个查询,前台代码如下: 需要引入jquery.js,下载地址http://jquery.com [code="java"]function ajax(id,pic){ //由于ThinkPHP不解析JavaScript里的ThinkPHP常量,所以需要先在这里定义。 var URL='__URL__'...
AJAX提交json用实体类接收数据
//ajax提交请求 var obj = {}; obj.rfrTitle = "业务拓展报表"; obj.rfrCategory = "YWTZ"; obj.rfrOperator = '<%=uiName%>'; $.ajax({         type: "POST",         url: "<%=basePath%>daReportForm...
Spring Boot 返回json数据乱码
第一种解决方式:在请求RequestMapping直接设置,只针对请求,在拦截器返回json数据时有可能乱码 @RequestMapping(value ="/user", produces="application/json;charset=UTF-8") 第二种方式:不一定有效 #解决@ResponseBody中文乱码问题 spring: http: encoding...
SpringMVC返回jsonp解决跨域问题
package s.s.m.controller; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.converter.json.MappingJacksonValue; import org.springframework.stereotype.Cont
Spring如何从客户端接收json数据以及如何发送json数据到客户端(一)
        首先,Spring是没有自带json转换数据的包的,所有我们要自己导入json的包到类路径下,假如是使用Maven的话可以加入以下语句到pom.xml中,还有如果你是使用SpringBoot的话不用加json的包,SpringBoot 默认会使用 Json 作为响应报文格式。        Maven的添加包(采用gson的包) <dependency> ...
ajax提交json数据并使用Springmvc接收实例
1.页面代码 $.ajax({ type: "POST", contentType: "application/json" ,//必须加 dataType: "json", url: "/dat
AJAX接收JSON数据,调用template模板循环渲染页面的小白新手方法
请求回来的数据为JSON,有两种方式实现: 第一种:在后台接口规定吐出JSON数据:写header,将键值对数组进行json编码; 第二种:后台接口吐出JSON格式的字符串,接收端定义数据格式dataType。 第一种:在后台接口规定吐出JSON数据 需求1 后台接口吐出JSON数据 后台php接口中,需要写三个部分: 1.1 开头header规定数据格式...
ajax向后台传递json数据
ajax向后台传递json数据,由于json数据的格式限定,所以变得ajax的参数不好写,下面看个例子: <script type="text/javascript">$(function (){var jsonStr = [ {'name' : 'jim','age' : 20}, {'name' : 'king','age' : 26}, {'name' : 'jge','a...
JSONP跨域读取数据
json是一种数据传输格式,而jsonp是一种数据获取的方式,没有什么相关性。jsonp是一种轻量级的数据传输方式,为什么要使用jsonp呢?为什么我们从不同的域(网站)访问数据需要一个特殊的技术(JSONP )呢?这是因为同源策略。同源策略,它是由Netscape提出的一个著名的安全策略,现在所有支持JavaScript 的浏览器都会使用这个策略。什么是同源策略?同源策略是web安全策略中的一种...
postman 提交post,提交json类型的数据
-
原生js通过jsonp方式请求json数据实现跨域请求
原文参照:https://blog.csdn.net/zxcvn8866/article/details/52179709返回JSON格式数据:{"list1":[{"item":"0审计管理"},{"item":"1菜单管理"},{"item":"2订单管理"},{"item":"3合同管理"},{"item&quot
java中http请求,获取json数据的代码示例
有些时候会遇到请求http,获取相应的json或者xml数据,今天整理了一点httpClient请求的示例代码。主要是根据相应的http地址,以及相关秘钥,通过HttpClient去发起请求,获取数据然后后台取解析json或者xml。
SpringBoot加Jquery实现ajax传递json字符串并回显消息(已实践)
场景 inspinia 前端页面模板+thymeleaf模板+jquery+springboot 点击提交将当前选中行的id以json字符串传到后台,后台实现状态更改并刷新表格。 实现 提交按钮的点击事件: //提交按钮点击事件 $("#submitBtn").click(function () { var data = t.rows(['.selected']...
数据分析:JSON格式数据
前言 最近使用tensorflow入门深度学习,找到了一个风格转移图片的神经网络感觉还蛮好玩风格转移,想要自己做点儿其他风格的模型,但是尴尬的发现,它需要使用MS coco数据集,下载地址为ms coco下载 学以致用,以学促用。输出检验,完整闭环。 怕什么真理无穷,进一寸有一寸的欢喜——胡适 所以,总结一下学习收获,写下这篇稿子,介绍一下这个数据格式 JSON JSON...
spring security的ajax提交和json返回数据--兼容form表单提交
核心思想:就是重写从request中获取用户名,密码的方法 直接上代码。 参考资料: http://docs.spring.io/spring-security/site/docs/4.0.3.RELEASE/reference/htmlsingle/#preface直接上代码。application-security.xml<?xml version="1.0" encoding="UTF-
表单提交json数组,后台转换为对象接收
form提交会将form表单下所有含有属性name的标签的值转换为json,后台方法中需要一个Bean类作为参数接收,Bean类中的属性需要和json键值对一一对应, 那么如果Bean里面有一条属性为List集合该怎么办呢? 如: 其实很简单,只需要在form表单里面对应name添加该list属性名“.”就行,会自动包装成json数组,如下: 传到后台来,person对象中
Springboot之接收json字符串的两种方式-yellowcong
第一种方式、通过关键字段@RequestBody,标明这个对象接收json字符串。还有第二种方式,直接通过request来获取流。在spring中,推荐使用。 代码地址https://gitee.com/yellowcong/springboot-demo/tree/master/springboot-json项目结构其实项目里面没啥类容,就是一个控制器和pom.xml配置 配置fastjson添
JSONP接口调用案例
       JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的&amp;lt;script&amp;gt; 元素是一个例外。利用 &amp;lt;script&amp;gt; 元素的这个开放策略,网页可以得...
jQuery实现ajax提交form表单(可以是提交json),用springmvc接收。图文详解
开篇:为什么要写这篇博客? 1 有的作者写了form表单提交,却没有写springmvc怎么接收,给广大的小白身心造成巨大的伤害。 题外话: 亲们,今天很不开森,股市跌了,我不得不离开股市回到博客!而且原来的昵称wabiaozai密码忘了,于是换个网名,想取个藏名,吃不准叫“加仓没错”还是“平仓没错”?朋友们建议的许多名字都是佛法艰深寓意隽远,让我在思想进一步混乱中领悟了许多人生哲理。最后决
json、jsonp跨域请求数据小结
         环境:DotNet4.5 MVC4.0          最近在做项目的时候遇到跨域请求的问题,主要是对json和jsonp的使用,做个小总结,小的初学,请各位大牛轻虐。         就环境而言呢,实际上项目是部署在同一服务器上的几个solution,现在的需求是想要访问另一solution中的API,返回Json(model,jsonbehavior.allowge...
ajax jsonp parsererror原因及解决方法(不是格式问题!)
I am using jQuery Version 1.5.1 to do the following ajax call: ? 1 2 3 4 5 6 7 $.ajax({     dataType: 'jsonp',     data: { api_key : apiKey },
SpringBoot多跨域请求的支持(JSONP)
在我们做项目的过程中,有可能会遇到跨域请求,所以需要我们自己组装支持跨域请求的JSONP数据,而在4.1版本以后的SpringMVC中,为我们提供了一个AbstractJsonpResponseBodyAdvice的类用来支持jsonp的数据(SpringBoot接收解析web请求是依赖于SpringMVC实现的)。下面我们就看一下怎么用Abstrac...