Javascript 从innerHTML输出检索值_Javascript_Url_Url Rewriting_Parse Platform

Javascript 从innerHTML输出检索值

javascript url url-rewriting parse-platform

Javascript 从innerHTML输出检索值,javascript,url,url-rewriting,parse-platform,Javascript,Url,Url Rewriting,Parse Platform,我知道如何从用户输入的文本字段中检索值，但是，我希望能够检索从以下代码输出的文本： var message = url; document.getElementById('result').innerHTML = message; 本质上，我想在Parse中存储一个缩短的URL，URL是从GoogleDrive中选择的文档生成的，然后该URL显示在屏幕上给用户看，这就是我想要抓取以缩短的URL 下面是整个代码： <!DOCTYPE html> <html

我知道如何从用户输入的文本字段中检索值，但是，我希望能够检索从以下代码输出的文本：

  var message =  url;
        document.getElementById('result').innerHTML = message;

本质上，我想在Parse中存储一个缩短的URL，URL是从GoogleDrive中选择的文档生成的，然后该URL显示在屏幕上给用户看，这就是我想要抓取以缩短的URL

下面是整个代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="http://www.parsecdn.com/js/parse-1.2.12.min.js"></script>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>upload</title>

    <script type="text/javascript">

      // The Browser API key obtained from the Google Developers Console.
      var developerKey = 'ID';

      // The Client ID obtained from the Google Developers Console.
      var clientId = 'ID';

      // Scope to use to access user's photos.
      var scope = ['https://www.googleapis.com/auth/photos'];

      var pickerApiLoaded = false;
      var oauthToken;

      // Use the API Loader script to load google.picker and gapi.auth.
      function onApiLoad() {
        gapi.load('auth', {'callback': onAuthApiLoad});
        gapi.load('picker', {'callback': onPickerApiLoad});
      }

      function onAuthApiLoad() {
        window.gapi.auth.authorize(
            {
              'client_id': clientId,
              'scope': scope,
              'immediate': false
            },
            handleAuthResult);
      }

      function onPickerApiLoad() {
        pickerApiLoaded = true;
        createPicker();
      }

      function handleAuthResult(authResult) {
        if (authResult && !authResult.error) {
          oauthToken = authResult.access_token;
          createPicker();
        }
      }

      // Create and render a Picker object for picking user Photos.
      function createPicker() {
        if (pickerApiLoaded && oauthToken) {
          var picker = new google.picker.PickerBuilder().
              enableFeature(google.picker.Feature.MULTISELECT_ENABLED).
              addView(google.picker.ViewId.PDFS).
              setOAuthToken(oauthToken).
              setDeveloperKey(developerKey).
              setCallback(pickerCallback).
              build();
          picker.setVisible(true);
        }
      }

      // A simple callback implementation.
      function pickerCallback(data) {
        var url = 'nothing';
        if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) {
          var doc = data[google.picker.Response.DOCUMENTS][0];
          url = doc[google.picker.Document.URL];
                 var message =  url;
        document.getElementById('result').innerHTML = message;

        }


    var longUrl=message;
    var request = gapi.client.urlshortener.url.insert({
    'resource': {
      'longUrl': longUrl
    }
    });
    request.execute(function(response) 
    {

        if(response.id != null)
        {
            str ="<a href='"+response.id+"'>"+response.id+"</a>";
            document.getElementById("output").innerHTML = str;

              Parse.initialize("ID", "ID");
           var PDFUpload = new Parse.Object("Scan");


     PDFUpload.set("PDFDocument", response.id);

    PDFUpload.save(null, 
     {
        success: function(uploadResult) {
          // Execute any logic that should take place after the object is saved.

        },
        error: function(uploadResult, error) {
          // Execute any logic that should take place if the save fails.
          // error is a Parse.Error with an error code and description.
          alert('Failed to create new object, with error code: ' + error.description);
        }
     });

        }


        else
        {
            alert("error: creating short url");
        }

    });



      }

      function load()
{
    gapi.client.setApiKey('ID'); //get your ownn Browser API KEY
    gapi.client.load('urlshortener', 'v1',function(){});

}
window.onload = load;


    </script>
    <script src="https://apis.google.com/js/client.js"> </script>

  </head>
  <body>
    <div id="result"></div>
    <div id="demo">
          <div id="output">


    <!-- The Google API Loader script. -->
    <script type="text/javascript" src="https://apis.google.com/js/api.js?onload=onApiLoad"></script>
  </body>
</html>

特别是，我尝试缩短URL以存储到Parse中：

var longUrl=message;
    var request = gapi.client.urlshortener.url.insert({
    'resource': {
      'longUrl': longUrl
    }
    });
    request.execute(function(response) 
    {

        if(response.id != null)
        {
            str ="<a href='"+response.id+"'>"+response.id+"</a>";
            document.getElementById("output").innerHTML = str;

              Parse.initialize("ID", "ID");
           var PDFUpload = new Parse.Object("Scan");


     PDFUpload.set("PDFDocument", response.id);

    PDFUpload.save(null, 
     {
        success: function(uploadResult) {
          // Execute any logic that should take place after the object is saved.

        },
        error: function(uploadResult, error) {
          // Execute any logic that should take place if the save fails.
          // error is a Parse.Error with an error code and description.
          alert('Failed to create new object, with error code: ' + error.description);
        }
     });

        }


        else
        {
            alert("error: creating short url");
        }

    });

任何帮助都将不胜感激

更新：请试用此代码。它从您插入的输入值缩短url。在这个意义上，您可以在输入字段中输入example yahoo.ca，一旦点击convert，它就会将其缩短为url并存储在parse中。这是成功的，但我想将其集成到我的代码中，其中url是从用户从google drive中选择的项目生成的url派生的：

<html>
<head>
</head>
<script src="http://www.parsecdn.com/js/parse-1.2.12.min.js"></script>

<script type="text/javascript">
function makeShort() 
{
   var longUrl=document.getElementById("longurl").value;
    var request = gapi.client.urlshortener.url.insert({
    'resource': {
      'longUrl': longUrl
    }
    });
    request.execute(function(response) 
    {

        if(response.id != null)
        {
            str ="<a href='"+response.id+"'>"+response.id+"</a>";
            document.getElementById("output").innerHTML = str;

              Parse.initialize("ID", "ID");
           var PDFUpload = new Parse.Object("Scan");


     PDFUpload.set("PDFDocument", response.id);

    PDFUpload.save(null, 
     {
        success: function(uploadResult) {
          // Execute any logic that should take place after the object is saved.

        },
        error: function(uploadResult, error) {
          // Execute any logic that should take place if the save fails.
          // error is a Parse.Error with an error code and description.
          alert('Failed to create new object, with error code: ' + error.description);
        }
     });

        }


        else
        {
            alert("error: creating short url");
        }

    });
 }


function load()
{
    gapi.client.setApiKey('ID'); //get your ownn Browser API KEY
    gapi.client.load('urlshortener', 'v1',function(){});

}
window.onload = load;

</script>
<script src="https://apis.google.com/js/client.js"> </script>

<body>

URL: <input type="text" id="longurl" name="url" value="yahoo.com" /> <br/>
<input type="button" value="Create Short" onclick="makeShort();" /> <br/> <br/>


<div id="output"></div>


</body>
</html>

为什么不使用存储在结果id中的var messsage变量？为什么要获得与结果id中存储的内容相同的内容？感谢您的回复。你能详细说明一下吗？message变量只返回longurl，然后我尝试将其缩短以将缩短url存储到parse中。为什么要获取包含哪一行的文本？您没有在此处存储url。您正在将其存储到at中。无论如何，如果要从中获取文本，请使用document.getElementById'***Id name here***'。它将在div标签中为您提供文本。感谢您的澄清。此行var longUrl=消息；正在尝试获取结果中生成的长url，然后尝试将以下行存储到解析短url中。假设div输出还显示缩短url