Question

我是JQuery的新手，实际上是前端的东西。所以，请帮助我。

我有像这样的Facebook照片上传表格

<form id ="uploadForm" method="post" enctype="multipart/form-data">
<fieldset>
       <input id="name" type="text" />
      </fieldset>
      <fieldset>
       <textarea id="photoDtls"></textarea>
      </fieldset>
      <fieldset>
       <input name ="source" type="file"  />
      </fieldset>
      <fieldset>
       <input type="image" src="images/btnSubmit.png" onclick="uploadPhoto()"/>
       <input type="image" src="images/btnCancel.png" />
      </fieldset>
</form>

我使用jquery

设置表单操作

FB.getLoginStatus(function(response) {
          if (response.status === 'connected') {
              userAccessToken = response.authResponse.accessToken;
           $('#uploadForm').attr('action','https://graph.facebook.com/photos/*page_Id*?access_token='+userAccessToken); 
        } else if (response.status === 'not_authorized') {
              alert('not autherized');
              FB.login(function(response){
                alert('Permission granted');                
              },{scope: 'email,user_birthday,publish_stream,photo_upload'});
          } else {
              alert('not logged in');
            // the user isn't logged in to Facebook.
          }
         });

我有以下javascript方法提交表单。我有一个单独的方法来提交提交而不在表单中进行的原因是我想获得响应。

function uploadPhoto(){
    photoCaption = $('#name').val();
    photoDetails = $('photoDtls').val();


    $( "#uploadForm" ).submit(function( event ) {
          //alert( event );

    });
}

最后一个代码片段处于工作进度中。照片上传发生得很好。我想要的是捕获具有以下内容的响应。现在它显示在浏览器中。我想得到这个id，并保存到数据库以及其他一些属性。

{

"id": "101xxxxxxxxxxx00",
"post_id": "6xxxxxx9_101xxxxxxxxxxx00"

}

使用JQuery提交照片上传并捕获响应

0 个答案: