<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ajax &#8211; HU Xiaoxu</title>
	<atom:link href="https://blog.ihuxu.com/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.ihuxu.com</link>
	<description>a software engineer&#039;s blog</description>
	<lastBuildDate>Sun, 03 Mar 2024 04:27:23 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.2</generator>
	<item>
		<title>WEB 开发之前端与后端通信解决方案</title>
		<link>https://blog.ihuxu.com/web-front-back-communicating/</link>
					<comments>https://blog.ihuxu.com/web-front-back-communicating/#comments</comments>
		
		<dc:creator><![CDATA[HU Xiaoxu]]></dc:creator>
		<pubDate>Tue, 14 Apr 2015 15:16:10 +0000</pubDate>
				<category><![CDATA[Computer Science]]></category>
		<category><![CDATA[System Design]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Original]]></category>
		<guid isPermaLink="false">http://www.ihuxu.com/blog/?p=63</guid>

					<description><![CDATA[每天都得找点乐子，今天的乐子就是“WEB开发中前端与后端通信的解决方案”。 首先，说一下“神圣”的需求。假设，我们面前是一个报名活动的页面。所有的逻辑都发生在这报名按钮上，下面是导图： 做法一 按钮是一个链接，当我们用可爱的手指轻轻触碰它时。它会告诉浏览器，我是一个链接。之后，浏览器被跳转到一个新的地址上。与此同时，后端会执行当前的逻辑，渲染对应的 WEB 页面。 这种做法很糟糕： 1、用户体验不好，跳转页面的吞吐量比较高，加大用户的等待时间 2、同时，也加大服务器的负担 3、代码冗余度较高，需要写若干个前端页面和后端方法 做法二 那么，用 Ajax 来实现前后端的通信（异步）也许是个不错的做法。既然，谈到通信，那么必定要有个标准。那，标准是个什么东西？ 举个例子（秒懂！哈哈） 公认的标准脸型 不符合标准的脸型 所以，你知道。如果程序没有标准，是一件多么令人“恼怒”的事情。 需要两个 PHP 类库： 标准接口： 实现类库： 后端： 前端 HTML： 前端Javascript: 完善 当然，这个模式可以根据不同项目做少许改变。 目前，也许会遇到这样的问题。当逻辑比较复杂时，那么注册在这个”加入“按钮上的事件函数的处理逻辑，会通过多次请求服务器来判断当前的状态（是或否）。这种情况，对于编码和用户体验（延时等待）都不是好的。所以，其实也可以在报名页面渲染时，把必要的字段放在 input[type=&#8217;hidden&#8217;] 中。这样，也就解决了前端页面通过 Ajax 多次请求服务器的问题。 注：该文章代码均为伪代码，不可直接复用。文中 PHP 类库样例代码基于 ThinkPHP 框架。]]></description>
		
					<wfw:commentRss>https://blog.ihuxu.com/web-front-back-communicating/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
