Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ajax请求MVC上保存图像数据_Javascript_Jquery_Ajax_Asp.net Mvc - Fatal编程技术网

Javascript 在ajax请求MVC上保存图像数据

Javascript 在ajax请求MVC上保存图像数据,javascript,jquery,ajax,asp.net-mvc,Javascript,Jquery,Ajax,Asp.net Mvc,大家好,我想使用ajax保存图像数据:id、标题和相册标题。 这是我的模型 [Key] public int ID { get; set; } public string albumTitle { get; set; } public string photoUrl { get; set; 控制器 public ActionResult Save() { return View("Index"); } [HttpP

大家好,我想使用ajax保存图像数据:id、标题和相册标题。 这是我的模型

    [Key]
    public int ID { get; set; }
    public string albumTitle { get; set; }

    public string photoUrl { get; set; 
控制器

  public ActionResult Save()
    {
        return View("Index");
    }
    [HttpPost]
    public ActionResult Save(int id,string photoUrl, string albumName)
    {
        ps.ID = id;
        ps.photoUrl = photoUrl;
        ps.albumName = albumName;

        return View("Index");
    }
和视图

 @model FlickrApi.Models.FavouritePhotos
<div id="gallery">

</div>

<script>
    $(document).ready(function () {

        var url = 'https://api.flickr.com/services/rest/?&method=flickr.photosets.getList&api_key=715a9548b42114d69859975d717210cd&user_id=126550680@N04&format=json&jsoncallback=?';
        $.getJSON(url, function (data) {
            $.each(data.photosets.photoset, function (idx, item) {

                var photosetid = item.id;
                var photosurl = 'https://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=e6be1bfdf4294482904dce01ac431615&photoset_id=' + photosetid + '&media=photos&format=json&jsoncallback=?&per_page=?';

                // here you would build a new url for each photoset
                // example of how to extract just printing "secret" on right
                $('#gallery').append('<h3 class="echo" id="' + idx + '" >' + item.title._content + '</h3><ul class="gallery photos grp' + idx + '"></ul>');

                // once url is built you would pass to plugin, or make own getJSON request for each set and then parse results same way 'secret' extracted above to insert into page
                $.getJSON(photosurl, function (data) {
                    $.each(data.photoset.photo, function (photoNum, photo) {
                        var photoid = photo.id;
                        var secret = photo.secret;
                        var server = photo.server;
                        var farm = photo.farm;
                        var photo_url = 'http://farm' + farm + '.static.flickr.com/' + server + '/' + photoid + '_' + secret + '_s.jpg';
                        var photo_urlm = 'http://farm' + farm + '.static.flickr.com/' + server + '/' + photoid + '_' + secret + '_m.jpg';
                        $('.photos.grp' + idx).append('<li><a class="example" data-toggle="tooltip"  title="' + photo.title + '"  href="#"><img class="save" src="' + photo_url + '" /></a></li>');
                        //   $('.photos.grp' + idx).css('display','none');
                        $('.photos').css('list-style-type', 'none');
                        $('.example').tooltip(
                        {
                            animation: true,
                        });
                        $('.save').click(function() {
                            $.ajax({
                                type: "POST",
                                url: '@Url.Action("Save","Home")',
                                data: {id: photo.id, photoUrl:photo_url, ablumName: photo.title}


                            });
                        });
                    });


                });
            });

    });


});
@model FlickrApi.Models.favoritePhotos
$(文档).ready(函数(){
var url='1〕https://api.flickr.com/services/rest/?&method=flickr.photosets.getList&api_key=715a9548b42114d69859975d717210cd&user_id=126550680@N04&format=json&jsoncallback=?';
$.getJSON(url、函数(数据){
$.each(data.photosets.photoset,函数(idx,项){
var photosetid=item.id;
var photosurl=https://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=e6be1bfdf4294482904dce01ac431615&photoset_id=“+photosetid+”&media=photos&format=json&jsoncallback=?&per_page=?”;
//在这里,您将为每个照片集创建一个新的url
//如何提取右侧打印的“机密”示例
$(“#gallery”).append(“+item.title._content+”
    ); //一旦建立了url,你们就可以传递给插件,或者对每个集合发出自己的getJSON请求,然后用上面提取的“secret”同样的方式解析结果,插入到页面中 $.getJSON(photosurl,函数(数据){ $.each(data.photoset.photo,函数(photoNum,photo){ var photoid=photo.id; var secret=photo.secret; var server=photo.server; var farm=photo.farm; var photo_url='1〕http://farm'+farm+'.static.flickr.com/'+server+'/'+photoid+''u'+secret+''u s.jpg'; var photo_urlm=http://farm'+farm+'.static.flickr.com/'+server+'/'+photoid+''''u'+secret+''u m.jpg'; $('.photos.grp'+idx).append('
  • '); //$('.photos.grp'+idx.css('display','none'); $('.photos').css('list-style-type','none'); $('.example')。工具提示( { 动画:没错, }); $('.save')。单击(函数(){ $.ajax({ 类型:“POST”, url:'@url.Action(“保存”、“主页”), 数据:{id:photo.id,photoUrl:photo_url,ablumName:photo.title} }); }); }); }); }); }); });


    Chrome控制台发送给我500个内部服务器错误,希望有人能帮助我,我将非常乐意为任何人提供帮助,谢谢。如果有人需要我在调用ajax检索图像时得到的信息,这里是jsbin上的示例代码

    您检查了500错误的原因了吗?任何人在不知道问题是什么的情况下如何解决问题?问题在于保存数据img,我认为我发出了错误的控制器或ajax请求。我认为是在窗口准备就绪时尝试保存所有传入的url、标题…你确定
    photo.id
    不为null或
    未定义的
    ?是的,我确定