Home > Article > Backend Development > Ajax cross-domain access,? ? Data confusion? ? .
我也无法描述清楚,直接上代码吧
<code class="js">/api/article/getOne?id=' + id</code>
<code class="json">{ "code": 200, "data": { "id": "17", "cateId": "2", "name": "视频", "studioId": "2", "title": "wegwg网服务范围", "content": "<p><b>gw3g3wg3wg</b></p><p><b>3wgf</b></p><p><b>gf3wg</b></p>", "createdAt": "2016-09-06 16:18:05" } }</code>
<code class="js">/api/category/get</code>
<code>{ "code": 200, "data": [ { "id": "1", "name": "推荐" }, { "id": "2", "name": "视频" }, { "id": "3", "name": "瘦身" }, { "id": "4", "name": "隐私" } ] }</code>
<code class="js">//编辑文章,载入页面时,获取编辑数据并填充页面 $.ajax({ url: '/api/article/getOne?id=' + id, //获取某条文章的信息 type: 'get', dataType: 'json', beforeSend: function () { $('#show_load').show(); }, success: function (article) { console.log(article); if (article.code != 200) return false; $('#title').val(article.data.title); //文章标题 const content = htmlspecialchars_decode(article.data.content); $('#summernote').summernote('code', content); //文章内容 $.ajax({ url: '/api/category/get', //获取所有分类 type: 'get', dataType: 'json', beforeSend: function () { $('#show_load').show(); }, success: function (categorys) { console.log(categorys); //问题出现在这里,打印出来的id全部为 if (categorys.code != 200) return false; $('#categoryId').empty(); $('#categoryId').append(`<option value="0">请选择分类</option>`); categorys.data.forEach(function (v) { if(v.id = article.data.cateId){ $('#categoryId').append(`<option value="${v.id}" selected>${v.name}</option>`) }else{ $('#categoryId').append(`<option value="${v.id}">${v.name}</option>`) } }) }, complete: function () { $('#show_load').hide(); } }); }, complete: function () { $('#show_load').hide(); } });</code>
<code>{ "code": 200, "data": [ { "id": "1", "name": "推荐" }, { "id": "1", "name": "视频" }, { "id": "1", "name": "瘦身" }, { "id": "1", "name": "隐私" } ] }</code>
之前这样写是可以正常工作的。但是今天不知道为什么变成这样了。迷茫了,^$^。
我也无法描述清楚,直接上代码吧
<code class="js">/api/article/getOne?id=' + id</code>
<code class="json">{ "code": 200, "data": { "id": "17", "cateId": "2", "name": "视频", "studioId": "2", "title": "wegwg网服务范围", "content": "<p><b>gw3g3wg3wg</b></p><p><b>3wgf</b></p><p><b>gf3wg</b></p>", "createdAt": "2016-09-06 16:18:05" } }</code>
<code class="js">/api/category/get</code>
<code>{ "code": 200, "data": [ { "id": "1", "name": "推荐" }, { "id": "2", "name": "视频" }, { "id": "3", "name": "瘦身" }, { "id": "4", "name": "隐私" } ] }</code>
<code class="js">//编辑文章,载入页面时,获取编辑数据并填充页面 $.ajax({ url: '/api/article/getOne?id=' + id, //获取某条文章的信息 type: 'get', dataType: 'json', beforeSend: function () { $('#show_load').show(); }, success: function (article) { console.log(article); if (article.code != 200) return false; $('#title').val(article.data.title); //文章标题 const content = htmlspecialchars_decode(article.data.content); $('#summernote').summernote('code', content); //文章内容 $.ajax({ url: '/api/category/get', //获取所有分类 type: 'get', dataType: 'json', beforeSend: function () { $('#show_load').show(); }, success: function (categorys) { console.log(categorys); //问题出现在这里,打印出来的id全部为 if (categorys.code != 200) return false; $('#categoryId').empty(); $('#categoryId').append(`<option value="0">请选择分类</option>`); categorys.data.forEach(function (v) { if(v.id = article.data.cateId){ $('#categoryId').append(`<option value="${v.id}" selected>${v.name}</option>`) }else{ $('#categoryId').append(`<option value="${v.id}">${v.name}</option>`) } }) }, complete: function () { $('#show_load').hide(); } }); }, complete: function () { $('#show_load').hide(); } });</code>
<code>{ "code": 200, "data": [ { "id": "1", "name": "推荐" }, { "id": "1", "name": "视频" }, { "id": "1", "name": "瘦身" }, { "id": "1", "name": "隐私" } ] }</code>
之前这样写是可以正常工作的。但是今天不知道为什么变成这样了。迷茫了,^$^。
/api/category/get 这个获取所有分类的链接,你重新确认下(试着直接在浏览器中直接放上这个链接,看输出的内容是否id都为1,我看一般全都是1,像这种问题基本上可以被认为是后台获取分类的代码出错...)