AJAX 小程序

最新推荐文章于 2021-08-06 09:56:10 发布
最新推荐文章于 2021-08-06 09:56:10 发布
阅读量108 收藏
点赞数
文章标签： Ajax XML Firefox Microsoft HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_20054/article/details/81972095
版权 



<html>
<head>
<script type="text/javascript">
var xmlhttp;

function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for IE7, Firefox, Mozilla, etc.
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE5, IE6
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=onResponse;
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}

function onResponse()
{
if(xmlhttp.readyState!=4) return;
if(xmlhttp.status!=200)
  {
  alert("Problem retrieving XML data");
  return;
  }

txt="<table border='1'>";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("cd");
for (i=0;i<x.length;i++)
  {
  txt=txt + "<tr>";
  xx=x[i].getElementsByTagName("title");
    {
    try
      {
      txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
      }
    catch (er)
      {
      txt=txt + "<td> </td>";
      }
    }
  xx=x[i].getElementsByTagName("artist");
    {
    try
      {
      txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
      }
    catch (er)
      {
      txt=txt + "<td> </td>";
      }
    }
  txt=txt + "</tr>";
  }
txt=txt + "</table>";
document.getElementById('copy').innerHTML=txt;
}

</script>
</head>

<body>
<div id="copy">
<button onclick=loadXMLDoc("catalog.xml");>Get CD info</button>
</div>
</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>  
<!-- Edited with XML Spy v2007 (http://www.altova.com) -->  
<catalog>  
    <cd>  
        <title>Empire Burlesque</title>  
        <artist>Bob Dylan</artist>  
    </cd>  
    <cd>  
        <title>Hide your heart</title>  
        <artist>Bonnie Tyler</artist>  
    </cd>  
    <cd>  
        <title>Greatest Hits</title>  
        <artist>Dolly Parton</artist>  
    </cd>  
    <cd>  
        <title>Still got the blues</title>  
        <artist>Gary Moore</artist>  
    </cd>  
    <cd>  
        <title>Eros</title>  
        <artist>Eros Ramazzotti</artist>  
    </cd>  
    <cd>  
        <title>One night only</title>  
        <artist>Bee Gees</artist>  
    </cd>  
    <cd>  
        <title>Sylvias Mother</title>  
        <artist>Dr.Hook</artist>  
    </cd>  
    <cd>  
        <title>Maggie May</title>  
        <artist>Rod Stewart</artist>  
    </cd>  
    <cd>  
        <title>Romanza</title>  
        <artist>Andrea Bocelli</artist>  
    </cd>  
    <cd>  
        <title>When a man loves a woman</title>  
        <artist>Percy Sledge</artist>  
    </cd>  
    <cd>  
        <title>Black angel</title>  
        <artist>Savage Rose</artist>  
    </cd>  
    <cd>  
        <title>1999 Grammy Nominees</title>  
        <artist>Many</artist>  
    </cd>  
    <cd>  
        <title>For the good times</title>  
        <artist>Kenny Rogers</artist>  
    </cd>  
    <cd>  
        <title>Big Willie style</title>  
        <artist>Will Smith</artist>  
    </cd>  
    <cd>  
        <title>Tupelo Honey</title>  
        <artist>Van Morrison</artist>  
    </cd>  
    <cd>  
        <title>Soulsville</title>  
        <artist>Jorn Hoel</artist>  
    </cd>  
    <cd>  
        <title>The very best of</title>  
        <artist>Cat Stevens</artist>  
    </cd>  
    <cd>  
        <title>Stop</title>  
        <artist>Sam Brown</artist>  
    </cd>  
    <cd>  
        <title>Bridge of Spies</title>  
        <artist>T`Pau</artist>  
    </cd>  
    <cd>  
        <title>Private Dancer</title>  
        <artist>Tina Turner</artist>  
    </cd>  
    <cd>  
        <title>Midt om natten</title>  
        <artist>Kim Larsen</artist>  
    </cd>  
    <cd>  
        <title>Pavarotti Gala Concert</title>  
        <artist>Luciano Pavarotti</artist>  
    </cd>  
    <cd>  
        <title>The dock of the bay</title>  
        <artist>Otis Redding</artist>  
    </cd>  
    <cd>  
        <title>Picture book</title>  
        <artist>Simply Red</artist>  
    </cd>  
    <cd>  
        <title>Red</title>  
        <artist>The Communards</artist>  
    </cd>  
    <cd>  
        <title>Unchain my heart</title>  
        <artist>Joe Cocker</artist>  
    </cd>  
</catalog>
iteye_20054
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax的小的实现,小程序
09-01
这是一个用ajax实现的小程序,用到了.css+div javascript 对于初学者来说是一个不错的学习的小程序
AJAX + 小程序入门
weixin_44309299的博客
07-11 437
AJAX + 小程序入门
小程序ajax的封装技巧
仇益阳的博客
04-06 3393
小程序ajax的封装 最近做公司的小程序的项目的时候，发现小程序的ajax比较麻烦，在github上找了几个小程序的封装ajax，发现在实际运用中存在函数的执行顺序问题，于是乎，自己基于小程序原生的ajax封装了一下，废话不多说！代码如下： 在app.js中对ajax进行了一下全局变量的封装 ajax(Type, params, url, successData, errorData, ...
微信小程序之ajax服务器交互及页面渲染
铁柱的博客
08-23 1万+
微信小程序中的ajax请求。点击按钮时，根据url请求服务器。请求成功之后返回数据，渲染前端页面。
自己动手写的AJAX的小程序
03-28
我当初学的时间，老师让我们自己要交一个大作业作为平时的成绩，我就慢慢的做了2个星期才搞定 嘿嘿 我比较笨啊
ajax 小程序
09-07
**Ajax（Asynchronous JavaScript and XML）小程序详解** Ajax，全称异步JavaScript和XML，是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新...
AJAX小程序
06-24
**AJAX小程序详解** 在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术扮演着至关重要的角色，尤其在创建交互性强、用户体验优秀的应用程序时。"AJAX小程序"是利用这种技术构建的小型Web应用，它允许...
12个运行于PHP环境的AJAX小程序.zip
06-01
**示例中的12个AJAX小程序** 这个压缩包中包含12个运行于PHP环境的AJAX小程序，它们可能是各种常见的交互功能的实现，例如： 1. 表单验证：使用AJAX发送表单数据到PHP，PHP验证后返回错误或成功信息。 2. 搜索建议...
3-11 定义全局路径和封装Ajax（移动端） - EMOS小程序1
08-04
在开发小程序或者移动端应用时，数据交互通常依赖于Ajax技术，它使得前端可以与服务器进行异步通信。在本文中，我们将深入探讨如何在EMOS小程序1中定义全局路径和封装Ajax请求，以提高代码的可维护性和效率。 首先...
微信小程序：时尚购：ajax获取数据，适用1122版本
06-01
在微信小程序开发中，"时尚购"项目利用Ajax技术获取数据是常见的操作，尤其是在1122版本中。Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它的核心在于...
微信小程序ajax实现请求服务器数据，模版遍历数据
热门推荐
xiaoshihoukeshuaiL的博客
11-23 3万+
昨天下载了一个微信小程序的开发者工具，大概看了一下文档，简单的用他的方法实现了ajax请求。微信小程序文档地址：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl&token=&lang=zh_CN 头部标题和底部tab配置都在 app.json文件中，底部tab位最少两个，最多五个。下面是app
微信小程序发送ajax
weixin_30485379的博客
08-21 1927
微信小程序通过 wx.request发送ajax请求 1. GET wx.request({ url: app.globalData.pubSiteUrl + 'user-information/get-information', //url method: 'GET', //请求方式 header: { 'Co...
小程序文档整理之-- ajax请求
bobobocai的博客
09-19 1165
wx.request({ url: 'test.php', //（必须）接口地址，不能有端口 data: { //传入参数 x: '' , y: '' }, header: {//设置请求的 header,把传入的参数转化成string 'content-type': 'application/json'//（默认）转化成JSON 'con
微信小程序采用ajax前后端交互数据
程序员凯小白的博客
11-02 2573
微信小程序如何与Java后台建立数据联系 采用ajax进行异步数据交互 微信请求体以 wx.request开头 具体样式 wx.request({ url: app.globalData.serviceUrl + "/yizhantingche/sendphone_servlet", data: { phone:phone...
微信小程序ajax请求绑定数据简单实例
☆╮123☆
11-15 7964
.wxml文件 view class="flex-wrp" style="flex-direction:row;" wx:for="{{Industry}}"> view class="flex-item bc_green"> ({{index}}){{item.date}} {{item.high}} {{item.low}} {{item.notice}} vie
微信小程序需要ajax吗,在微信小程序中封装自己的ajax
weixin_31879641的博客
08-06 1439
wx.request(Object object) 是微信小程序官方给出的网络请求接口。下面我们把它变成便于我们使用的ajax。1，创建一个js文件。我是在utils目录中创建了一个wxset.js2，在创建的js文件中编写ajax函数。//网络请求,e=请求方式,r[0]=api地址 r[1]=向后台发送的数据//callback=回调函数function Ajax(e, r, callback...
微信小程序ajax请求
tongluren381的博客
12-15 5605
网上看了写文章，实际操作起来常出问题。尤其是微信小程序中大小写一定要区分开。 js代码如下 Page({ data: { list: [] }, onLoad: function () { var that = this; wx.request({ url: 'https://api.douban.com/v2/movie/top250',
微信小程序的ajax数据请求wx.request
zgmu的专栏
11-29 2万+
使用小程序官方提供的数据请求api发起数据请求 wx.request(OBJECT) wx.request发起的是https请求。一个微信小程序，同时只能有5个网络请求连接。 OBJECT参数说明： 参数名 类型 必填 说明 url String 是 开发者服务器接口地址 data Object、String 否 请求的参数
Ajax入门小程序-Ajax学习
fallwind_of_july的博客
06-24 246
Ajax:全称Asynchronous JavaScript and XML，意思就是用JavaScript执行异步网络请求。 如果仔细观察一个Form的提交，你就会发现，一旦用户点击“Submit”按钮，表单开始提交，浏览器就会刷新页面，然后在新页面里告诉你操作是成功了还是失败了。如果不幸由于网络太慢或者其他原因，就会得到一个404页面。 这就是Web的运作原理：一次HTTP请求对应一个页面。 ...
小程序 ajax请求
最新发布
08-18
在小程序中进行 AJAX 请求可以使用小程序的内置 API wx.request()。这个 API 可以发送 HTTP 请求并接收响应数据。以下是一个简单的示例： ```javascript wx.request({ url: 'https://api.example.com/data', // 请求的 URL method: 'GET', // 请求方法，可以是 GET、POST、PUT、DELETE 等 data: { // 请求参数 key1: 'value1', key2: 'value2' }, header: { // 请求头部信息 'Content-Type': 'application/json' }, success(res) { // 请求成功的回调函数 console.log(res.data); // 输出响应数据 }, fail(err) { // 请求失败的回调函数 console.error(err); } }); ``` 在这个示例中，我们使用了 GET 方法发送了一个带有参数的请求。你可以根据自己的需求修改 URL、请求方法、数据和请求头部信息。当请求成功时，会调用 success 回调函数，并打印响应数据；当请求失败时，会调用 fail 回调函数，并打印错误信息。 希望这个示例对你有所帮助！如果还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值