<textarea id="ta" rows="5" cols="30">

</textarea>

2、textarea标签赋值、jsonp对象转string、ajax跨域访问等详见下段代码：

$.ajax(
{
type:'get',
url : 'http://192.168.120.77:8081/queryTopPageParams?callback=?',
dataType : 'jsonp',
processData: false,
success  : function(data) {
var tem=JSON.stringify(data) ;
alert(tem);

document.getElementById("ta").innerText=tem;
},
error : function() {
alert('fail');
}
}
);

3、 JSON.stringify() 和JSON.parse()区别

parse用于从一个字符串中解析出json对象,如
var str = '{"name":"huangxiaojian","age":"23"}'
JSON.parse(str)

结果：
Object
age: "23"
name: "huangxiaojian"
__proto__: Object
注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。
stringify()用于从一个对象解析出字符串，如
var a = {a:1,b:2}
结果：
JSON.stringify(a)
"{"a":1,"b":2}"

1、添加textarea标签                   2、textarea标签赋值、jsonp对象转string、ajax跨域访问等详见下段代码：  $.ajax(     {         type:'get',         url : 'http://192.168.120.77:8081/queryTopPageParams?callback 读 textarea 文本 值可以用name和id。而写入 文本 值只能用id。 < textarea name="content" id="content" rows="8" cols="5">这是 textarea 内容</ textarea > 要读取“这是 textarea 内容”，可以用： $(" textarea [name='... * @description textarea 换行符 转 指定字符 * @param str：要放到 textarea 的字符串 * @param code：要 转 换成换行的字符,默认为',' export const textarea To String = (str, code = ',') => { let lineFeed = '\n' 在后台使用 &lt; textarea &gt;时，存入数据库没有问题，在编辑页面亦或是详情页，我们从数据库读取传入页面，绑定 Vue.data会出现因为 值有换行符而导致整个 script崩溃的问题 导致原因： &lt; textarea &gt;中的换行符是\n html中的换行符是&lt;br/&gt; data:{ content : 'I 源代码<script> var json = $('#detail').val(); var result = JSON . stringify ( JSON . parse ( json ), null, 4); $('#detail').val(result); </script json 处理 json 时如果遇到回车就会报错,一般是Unexpected token ILLEGAL，      这时我们可以用到 转 码的方式去解决      也就是我们可以把回车替换成一个一个其他的标识比如brhh(不能直接替换成一样会报错应该是有      然后取出来的时候在把brhh替换成就ok了      处理例子： 在实际应用中，遇到这种以回车分隔的字符串，单是存储来说倒是简单，但是在实际应用中还要对内容进行判断，看是否符合内容的限制，比如说图中的区域限制，我们还要对区域进行判断和限制。 我是这么处理的： //首先获取字段 $limitArea = I('limit_area','','filter_keyword'); //然后对其进行回车处理... SpringBoot使用Abstract Jsonp ResponseBodyAdvice来支持 跨域 请求，发现使用该类的时候如果Controller返回的数据为 String 类型时无法解析 json CallBack，查看源码发现Controller返回的数据只会对AbstractJackson2HttpMessageConverter的子类去做处理。 public abstract clas... < textarea v-model=" json Data"></ textarea > <button @click=" parse Json "> Parse JSON </button> <div v-if=" parse dData"> <h2> Parse d JSON :</h2> <pre>{{ parse dData }}</pre> </template> <script> export default { data() { return { json Data: '', parse dData: null methods: { parse Json () { try { this. parse dData = JSON . parse (this. json Data); } catch (e) { alert('Error parsing JSON : ' + e.message); </script> 在上面的代码中，我们使用了一个 ` textarea ` 组件让用户输入 JSON 字符串。然后，在点击按钮时，我们会尝试将字符串解析为 JSON 对象 ，并将结果存储在 ` parse dData` 属性中。如果解析失败，我们会显示一个错误提示框。最后，如果解析成功，我们会显示解析后的数据。 注意，这里我们使用了 ` JSON . parse ` 方法来解析 JSON 字符串，而不是 ` json .prase`。` json .prase` 实际上是一个拼写错误，正确的方法名应该是 ` JSON . parse `，而且这个方法是 JavaScript 内置的，与 Vue 没有直接关系。