开发学院网页设计 JavaScript 构建 pureXML 和 JSON 应用程序，第 3 部分: 为 p... 阅读

构建 pureXML 和 JSON 应用程序，第 3 部分: 为 pureXML 创建 OpenSocial 小工具

　2010-02-04 00:00:00　来源：WEB开发网　闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚�

闂傚倸鍊风粈渚€骞夐敓鐘插瀭闁汇垹鐏氬畷鏌ユ煙閹殿喖顣奸柛搴＄У閵囧嫰骞掗幋婵冨亾閻㈢ǹ纾婚柟鐐灱濡插牊绻涢崱妤冃℃繛宀婁簽缁辨捇宕掑鎵佹瀸闂佺懓鍤栭幏锟�

濠电姷鏁告慨顓㈠箯閸愵喖宸濇い鎾寸箘閹规洟姊绘笟鈧ḿ褍煤閵堝悿娲Ω閳轰胶鍔﹀銈嗗笂閼冲爼鍩婇弴銏＄厪闁搞儮鏅涙禒褏绱掓潏鈺佷槐闁轰焦鎹囬弫鎾绘晸閿燂拷闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚�　　闂傚倸鍊烽懗鑸电仚缂備胶绮〃鍛村煝瀹ュ鍗抽柕蹇曞У閻庮剟姊虹紒妯哄妞ゆ劗鍘ч埥澶娢熼柨瀣偓濠氭⒑瑜版帒浜伴柛鎾寸☉閳绘柨顫濋懜纰樻嫼闂佸憡绋戦オ鏉戔枔閺冣偓缁绘稓浠﹂崒姘瀳闂佸磭绮幑鍥嵁鐎ｎ亖鏀介柟閭﹀墯椤斿倹淇婇悙顏勨偓鏍ь潖婵犳艾鍌ㄧ憸蹇涘箟閹绢喗鏅搁柨鐕傛嫹

核心提示： 最后，添加 HTML 表来捕获用户输入和动作，构建 pureXML 和 JSON 应用程序，第 3 部分: 为 pureXML 创建 OpenSocial 小工具(8)，清单 6 显示了所需 HTML 代码，将小工具定义保存为 JSONclient.xml，图 1 中的这个屏幕截图是此表在呈现时

最后，添加 HTML 表来捕获用户输入和动作。清单 6 显示了所需 HTML 代码。将小工具定义保存为 JSONclient.xml。图 1 中的这个屏幕截图是此表在呈现时的样子。

清单 6. HTML 表

　　　 <table　class="layout"　cellspacing="2">　　<tr>　　　<th　class="green">Web　Service</th>　　　<th　class="green"　colspan="2">Input</th>　　　<th　class="green">Action</th>　　</tr>　　<tr　class="row-bright">　　　<td>getPrimaryKeys</td>　　　<td　colspan="2"　align="center">none</td>　　　<td　align="center">　　　　<input　type="submit"　value="Invoke"　/>　　　</td>　　</tr>　　<tr　class="row-dark"　>　　<td>getJSONDocumentByKey</td>　　<td　align="right">ID:</td>　　<td　align="center"><input　type="text"　id="key1"　size="40"　/></td>　　<td　align="center">　　　<input　type="submit"　value="Invoke"　/>　　</td>　　</tr>　　<tr　class="row-bright">　　　<td　rowspan="2">insertJSON</td>　　　<td　align="right">ID:</td>　　　<td　align="center"><input　type="text"　id="key2"　size="40"　/></td>　　　<td　align="center"　rowspan="2">　　　　<input　type="submit"　value="Invoke"　/>　　　</td>　　</tr>　　<tr　class="row-bright">　　　<td　align="right">Document:</td>　　　<td　align="center">　　　　<textarea　id="document1"　cols="30"　rows="5"　></textarea>　　　</td>　　</tr>　　<tr　class="row-dark"　>　　　<td　rowspan="2">updateJSON</td>　　　<td　align="right">ID:</td>　　　<td　align="center"><input　type="text"　id="key3"　size="40"　/></td>　　　<td　rowspan="2"　align="center">　　　　<input　type="submit"　value="Invoke"　/>　　　</td>　　</tr>　　<tr　class="row-dark">　　　<td　align="right">Document:</td>　　　<td　align="center">　　　　<textarea　id="document2"　cols="30"　rows="5"　></textarea>　　　</td>　　</tr>　　<tr　class="row-bright">　　　<td>deleteDocument</td>　　　<td　align="right">ID:</td>　　　<td　align="center"><input　type="text"　id="key4"　size="40"　/></td>　　　<td　align="center">　　　　<input　type="submit"　value="Invoke"　/>　　　</td>　　</tr>　 </table>　