[已解决]HTML js怎么发送HTTP get请求？

圆圆圆 · 发表于 2015-7-29 10:45:15

还有如果服务器返回一个json数据包怎么接收和处理？

最佳答案

lhs特立独行的猪

2015-7-29 10:45:16

可以用jquery中的get方法。
具体用法：
1.首先要搭建jquery环境：
搭建一个jQuery的开发环境非常方便，可以通过下列几个步骤进行。

下载jQuery文件库

在jQuery的官方网站（http://jquery.com）中，下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮，将jQuery框架文件下载到本地即可。
引入jQuery文件库

下载完jQuery框架文件后，并不需要任何的安装，仅需要使用<script>文件导入标记，将jQuery框架文件导入页面中即可，假设该文件下载后保存在项目文件夹Jscript中，那么，在页面的<head></head>中加入如下代码：

<script language="javascript" type="text/javascript" src="1.9.0/jquery.js"></script>

在页面的头部分，加入上述代码后，便完成了jQuery框架开发环境的搭建，就可以使用jquery了。

2.使用jquery中的get方法发送get请求,并接收服务器中返回的json数据。

get方法的具体用法：
使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据，它的调用格式如下：

$.get(url,[callback])

参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。
回调函数的作用就是用来接收和处理服务器返回的数据。
举个栗子吧：
假设我们请求的服务器地址为http://XXX.com,服务器返回的是json格式数据，那么可以这样写：
<script type="text/javascript">
$(function(){
$.get(
'http://XXX.com',
function(ret)//回调函数,ret为服务器返回的数据，名字可以随便取，是合法的标识符就可以了。
{
if(typeof ret!='object')
{
ret=json.parse(); //首先你要明白一点，在客户端和服务器之间传递的是json字符串,所以需要把json字符串
//转化成js对象,js才方便操作它
}
//后面要怎么操作就看具体问题了
}
);

});
<script>

跳转到最佳答案楼层

lhs特立独行的猪 · 发表于 2015-7-29 10:45:16

这个最佳答案由 lhs特立独行的猪给出，感谢 lhs特立独行的猪的回答。

单击隐藏图章

可以用jquery中的get方法。
具体用法：
1.首先要搭建jquery环境：
搭建一个jQuery的开发环境非常方便，可以通过下列几个步骤进行。

下载jQuery文件库

在jQuery的官方网站（http://jquery.com）中，下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮，将jQuery框架文件下载到本地即可。
引入jQuery文件库

下载完jQuery框架文件后，并不需要任何的安装，仅需要使用<script>文件导入标记，将jQuery框架文件导入页面中即可，假设该文件下载后保存在项目文件夹Jscript中，那么，在页面的<head></head>中加入如下代码：

<script language="javascript" type="text/javascript" src="1.9.0/jquery.js"></script>

在页面的头部分，加入上述代码后，便完成了jQuery框架开发环境的搭建，就可以使用jquery了。

2.使用jquery中的get方法发送get请求,并接收服务器中返回的json数据。

get方法的具体用法：
使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据，它的调用格式如下：

$.get(url,[callback])

参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。
回调函数的作用就是用来接收和处理服务器返回的数据。
举个栗子吧：
假设我们请求的服务器地址为http://XXX.com,服务器返回的是json格式数据，那么可以这样写：
<script type="text/javascript">
$(function(){
$.get(
'http://XXX.com',
function(ret)//回调函数,ret为服务器返回的数据，名字可以随便取，是合法的标识符就可以了。
{
if(typeof ret!='object')
{
ret=json.parse(); //首先你要明白一点，在客户端和服务器之间传递的是json字符串,所以需要把json字符串
//转化成js对象,js才方便操作它
}
//后面要怎么操作就看具体问题了
}
);

});
<script>

圆圆圆 · 发表于 2015-7-29 13:41:39

有没有会的朋友

流年肆意 · 发表于 2015-7-30 09:12:05

要学会使用搜索引擎

小稚__ · 发表于 2015-7-30 14:36:21

Ajax可以操作。

圆圆圆 · 发表于 2015-7-30 15:20:37

流年肆意发表于 2015-7-30 09:12
要学会使用搜索引擎

可是我还是不会有没有详细一点的教程

圆圆圆 · 发表于 2015-7-30 15:21:20

小稚__ 发表于 2015-7-30 14:36
Ajax可以操作。

然而并不会。。。:dizzy:

ldl_xz · 发表于 2015-7-31 14:19:57

支持3楼:big

nlite8271 · 发表于 2015-8-20 14:49:08

百度的建议百度
“首先，你要了解关于json的知识，查考 http://www.w3school.com.cn/json/
你可以使用 js 的eval 方法，对返回json格式的数据进行解析，然后就是json对象，
json里可以多个对象，然后你for循环遍历，使用一个变量，不断累加tr，每一个对象的属性，作为一个td 。”

华烬 · 发表于 2015-8-31 18:51:20

用ajax或者JQuery可以实现异步比较适合

会魔法的魔法 · 发表于 2015-8-31 20:00:35

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/ajax/demo_get.asp?t=" + Math.random(),true);
xmlhttp.send();

lhs特立独行的猪 · 发表于 2015-9-26 11:29:17

可以用jquery中的ajax应用，相应的课程在慕课网上有。
http://www.imooc.com/learn/11

QQ群521595826 · 发表于 2016-1-12 19:05:33

提示: 作者被禁止或删除内容自动屏蔽

daimon · 发表于 2016-1-22 15:56:51

应用json_decode(json数据,$flag);函数拼接可以对数据进行处理

zhouxcpython · 发表于 2016-6-1 10:06:08

感谢分享

flyskyltq · 发表于 2016-6-16 12:24:11

看看

账号		自动登录	找回密码
密码			立即注册

QQ群521595826 QQ群521595826 当前离线 UID 349379 日志相册贡献荣誉积分 4 狗仔卡头像被屏蔽	发表于 2016-1-12 19:05:33 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	回复使用道具举报显身卡