Javascript 用户输入后的Laravel json响应使用ajax获取数据
在Laravel中使用instagram API时,我遇到了一个页面问题,该页面允许用户输入一个标记名,并在图像中搜索该标记 当我填写输入并点击Javascript 用户输入后的Laravel json响应使用ajax获取数据,javascript,php,ajax,laravel-5,instagram-api,Javascript,Php,Ajax,Laravel 5,Instagram Api,在Laravel中使用instagram API时,我遇到了一个页面问题,该页面允许用户输入一个标记名,并在图像中搜索该标记 当我填写输入并点击submit时,我得到一个json响应,该响应被发布到第二页 问题是,我想从第二页到第三页获得响应,以便向用户显示图像 当我直接进入“测试”页面url而不发布任何内容时,它是空的,这就是为什么我得到一个空的jsonArray返回到第三个页面 在“测试”页面获得Json响应后,如何使用Ajax获取数据?我使用了.submit()但它不起作用 这是我的密码:
submit
时,我得到一个json
响应,该响应被发布到第二页
问题是,我想从第二页到第三页获得响应,以便向用户显示图像
当我直接进入“测试”页面url而不发布任何内容时,它是空的,这就是为什么我得到一个空的jsonArray
返回到第三个页面
在“测试”页面获得Json响应后,如何使用Ajax获取数据?我使用了.submit()代码>但它不起作用
这是我的密码:
AJAX:
$(function() {
$("#loader").hide();
$("#theForm").submit(function(){
$.ajax({
type: "GET",
url: 'test',
dataType: 'json',
beforeSend: function () {
$("#loader").show();
},
complete: function () {
$('#loader').hide();
},
success: function (data) {
$.each(data, function (key, value) {
$("#theData").append(
"<div class='col-xs-6 col-md-3'>" +
"<div class='thumbnail'>" +
"<a target='_blank' href='" + value.link + "'> " +
"<img src='" + value.images.standard_resolution.url + "'></img>" + "</a>" +
"<p>Posted by: " + value.user.username + "</p>" +
"<p>Likes: " + value.likes.count + "</p>"
+ "</div>"
+ "</div>");
});
},error: function(jqXHR, textStatus, errorThrown) {
console.log(textStatus, errorThrown);
}
});
});
});
$(函数(){
$(“#加载程序”).hide();
$(“#theForm”).submit(函数(){
$.ajax({
键入:“获取”,
url:'测试',
数据类型:“json”,
beforeSend:函数(){
$(“#加载程序”).show();
},
完成:函数(){
$(“#加载程序”).hide();
},
成功:功能(数据){
$。每个(数据、函数(键、值){
$(“#数据”)。追加(
"" +
"" +
"" +
发布者:“+value.user.username+””+
喜欢:“+value.Likes.count+””
+ ""
+ "");
});
},错误:函数(jqXHR,textStatus,errorshown){
日志(textStatus,errorshown);
}
});
});
});
将数据存储到全局变量中,然后发布到第三页如何存储laravel响应()->json();到全局变量?将ajax响应数据存储到javascript全局变量中,然后发布到第三页。在Controller中,您可以重定向到route with responsestore,将数据保存到全局变量中,然后发布到第三页如何存储laravel response()->json();到全局变量?将ajax响应数据存储到javascript全局变量中,然后发布到第三页。在Controller中,您可以重定向到带有响应的路由