Le stockage de HTML ou XML code en javascript variables

J'aimerais stocker un peu de HTML/XML des balises dans une variable javascript. Le problème est que le texte est relativement grande. Par exemple, comment puis-je stocker le code XML suivant morceau dans une variable javascript?

    <QuestionForm xmlns="[the QuestionForm schema URL]">
  <Overview>
    <Title>Game 01523, "X" to play</Title>
    <Text>
      You are helping to decide the next move in a game of Tic-Tac-Toe.  The board looks like this:
    </Text>
    <Binary>
      <MimeType>
        <Type>image</Type>
        <SubType>gif</SubType>
      </MimeType>
      <DataURL>http://tictactoe.amazon.com/game/01523/board.gif</DataURL>
      <AltText>The game board, with "X" to move.</AltText>
    </Binary>
    <Text>
      Player "X" has the next move.
    </Text>
  </Overview>
  <Question>
    <QuestionIdentifier>nextmove</QuestionIdentifier>
    <DisplayName>The Next Move</DisplayName>
    <IsRequired>true</IsRequired>
    <QuestionContent>
      <Text>
        What are the coordinates of the best move for player "X" in this game?
      </Text>
    </QuestionContent>
    <AnswerSpecification>
      <FreeTextAnswer>
        <Constraints>
          <Length minLength="2" maxLength="2" />
        </Constraints>
        <DefaultText>C1</DefaultText>
      </FreeTextAnswer>
    </AnswerSpecification>
  </Question>
  <Question>
    <QuestionIdentifier>likelytowin</QuestionIdentifier>
    <DisplayName>The Next Move</DisplayName>
    <IsRequired>true</IsRequired>
    <QuestionContent>
      <Text>
        How likely is it that player "X" will win this game?
      </Text>
    </QuestionContent>
    <AnswerSpecification>
      <SelectionAnswer>
        <StyleSuggestion>radiobutton</StyleSuggestion>
        <Selections>
          <Selection>
            <SelectionIdentifier>notlikely</SelectionIdentifier>
            <Text>Not likely</Text>
          </Selection>
          <Selection>
            <SelectionIdentifier>unsure</SelectionIdentifier>
            <Text>It could go either way</Text>
          </Selection>
          <Selection>
            <SelectionIdentifier>likely</SelectionIdentifier>
            <Text>Likely</Text>
          </Selection>
        </Selections>
      </SelectionAnswer>
    </AnswerSpecification>
  </Question>
</QuestionForm>
  • Ce qui, exactement, est la difficulté? Vous vous demandez à propos de format (par exemple, comme une chaîne de caractères, ou comme un objet DOM)? Quelque chose d'autre?
  • Je voudrais trouver le moyen le plus facile pour stocker une chaîne de caractères.
InformationsquelleAutor Mark | 2011-02-26
  1. -9
    var string = (<r><![CDATA[

   The text string goes here.  Since this is a XML CDATA section,
   stuff like <> work fine too, even if definitely invalid XML. 

]]></r>).toString();
    • Merci mais cela ne fonctionne pas dans Chrome, donne-moi "Unexpected Token <"
    • Quel genre de fou lune langue est-ce!? Pas de JavaScript, pour sûr.
    InformationsquelleAutor Orbit
  2. 9

    Je suppose que votre question est de savoir comment prendre cette chaîne exacte, et pas un de vous récupérer à partir d'un service web ou un appel Ajax ou autre. Alors que c'est une assez mauvaise idée pour beaucoup de raisons, pour répondre à la question...

    Il n'est pas vraiment la bonne façon de le faire en JavaScript. Certains navigateurs prennent en charge la continuation de ligne en plaçant un \ à la fin de la ligne, de sorte que vous feriez quelque chose comme:

    var xml = '<QuestionForm xmlns="[the QuestionForm schema URL]">\
  <Overview>\
    <Title>Game 01523, "X" to play</Title>\
    ...';

    Mais ce n'est pas une procédure standard, et, en fait, va à l'encontre de la JS spec:

    Un "LineTerminator' personnage ne peut pas
    apparaître dans une chaîne littérale, même si
    précédé d'une barre oblique inverse.

    Le seul vraiment de moyen fiable de le faire ce serait avec manuel de concaténation de chaîne:

    var xml = '<QuestionForm xmlns="[the QuestionForm schema URL]">' + "\n" +
'      <Overview>' + "\n" +
'        <Title>Game 01523, "X" to play</Title>' + "\n" +
'        ...';

    Vous pouvez faire cela un peu plus soignée comme suit:

    var xml = ['<QuestionForm xmlns="[the QuestionForm schema URL]">',
'      <Overview>',
'        <Title>Game 01523, "X" to play</Title>'
'        ...'].join("\n");

    Mais il aspire toujours.

    Aussi, avec toutes ces méthodes, vous avez pour échapper les guillemets simples, c'est à dire remplacer ' avec \'. Je ne vois pas dans votre extrait de code XML suivant à première vue, ce qui est bon.

    • Connaissez-vous d'autres navigateurs façon que nous pouvons inclure HTML de variables?
    • Suis-je de bonne. Nous n'avons pas de '\n' dans les chaînes de caractères JavaScript?
    InformationsquelleAutor Domenic
  3. 4

    Je pense que vous pourriez avoir voulu magasin de html/xml code en javascript et l'afficher dans la textarea ou de certains autres éléments d'entrée. Si telle est votre intention que cela va vous aider.

    Au lieu de la variable javascript, stocker votre code dans un div et de masquer à l'aide de css ex: display:none. Si vous souhaitez montrer le code, vous pouvez utiliser $('#div id').text().

    InformationsquelleAutor vkGunasekaran
  4. 0

    Je vous recommande d'utiliser JSON, mon pote. Il est moins verbeux. Et javascript a des méthodes pour gérer le bien. Dans le cas où vous avez besoin pour travailler avec XML, plus tard, dans vos classes, vous pouvez écrire un simple adaptateur.

    InformationsquelleAutor Anton K.