JQuery的简单入门(二)

最新推荐文章于 2024-07-04 10:38:01 发布

ordinaryday

最新推荐文章于 2024-07-04 10:38:01 发布

阅读量151

点赞数

分类专栏： JQuery 文章标签： AJAX

本文链接：https://blog.csdn.net/jsaber/article/details/79147603

版权

本文介绍了JQuery如何轻松解决AJAX跨域问题，并通过实例展示了利用高德天气API获取并展示天气信息的过程。

摘要由CSDN通过智能技术生成

JQuery解决了AJAX的跨域问题

利用高德天气测试天气

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ajax.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery-3.1.0.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
	$(function(){
		$("input[type='button']").click(function(){
			var addcode=$("#addCode").val();
			var url="http://restapi.amap.com/v3/weather/weatherInfo?key=a1a09a151cf59c39c01d5c10bfb7fbe4&city="+addcode;
			//$.ajax是$对象的一个静态方法 $.ajax=function()
			$.ajax({
				//请求的method类型
				type:"GET",
				//请求的路径
				url:url,
				//将返回的字符串