var math = require('math');
math.add(2,3);

require(['math'], function(){
    math.add(2,3)
});

/** 模擬 Model, View, Controller */
var M = {}, V = {}, C = {};

/** Model 負責存放資料 */
M.data = "hello world";

/** View 負責將資料輸出到螢幕上 */
V.render = function (M) { alert(M.data); }

/** Controller 作為一個 M 和 V 的橋樑 */
C.handleOnload = function () { V.render(M); }

/** 在網頁讀取的時候呼叫 Controller */
window.onload = C.handleOnLoad;

<input type='file' name='pic' onchange='selfile();' />
<div id='progress'>
    <div id='bar'></div>
</div>

<style type="text/css">	
#progress{
	width: 500px;height: 30px;border: 1px solid green;
}
#bar{
	width: 0%;height: 100%;background: green;
}
</style>

xhr.upload.onprogress = function(ev){
	// console.log(ev);    //查看ev事件参数的属性和方法
	if(ev.lengthComputable){
		var percent = 100 * ev.loaded/ev.total;
		// console.log(percent);
		document.getElementById('bar').style.width = percent + '%';
		document.getElementById('bar').innerHTML = parseInt(percent) + '%';
	}
}

<div>
	<h1>iframe模拟ajax上传文件效果</h1>
	<h2></h2>
	<form action='11-up.php' method='post' enctype='multipart/form-data' onsubmit='return ajaxUpload();'>
    	<p><input type='file' name='pic' /></p>
    	<p><input type='submit' value='提交' /></p>
	</form>
</div>

/*
分析：
  1. 捕捉表单提交动作(onsubmit="return ajaxUpload()")
  2. 创建iframe(jQuery直接创建$('<iframe></iframe>'))
  3. 把表单的target修改指向该iframe(target='framename')
  4. 去掉这个iframe()
*/
function ajaxUpload(){
    var ifname = 'up' + Math.random();
    $('<iframe name="'+ ifname +'" width="0" height="0" frameBorder="0"></iframe>').appendTo($('body'));
    $('form:first').attr('target', ifname);
}

if(empty($_FILES)){
	exit('no file');
}

$error = $_FILES['pic']['error'] == 0 ? 'succ' : 'fail';
    
echo "<script>parent.document.getElementsByTagName('h2')[0].innerHTML = '$error'</script>";

<input type='file' name='pic' onchange='selfile();' />

function selfile(){
	//表单数据容器
	var fd = new FormData();
    //获取文件，文件列表`files`属性
	var pic = document.getElementsByTagName('input')[0].files[0];
    //附加数据到表单容器中
	fd.append('pic', pic);

	var xhr = new XMLHttpRequest();
	xhr.open('POST', './13-upfile.php', true);

	xhr.onreadystatechange = function(){
		if(this.readyState == 4){
			document.getElementById('debug').innerHTML = this.responseText;
		}
	}
	xhr.send();
}	

<?php 

// print_r($_FILES);

// sleep(3);

if(empty($_FILES)){
	exit('no file');
}

if ($_FILES['pic']['error']!=0) {
	exit('fail');
}

move_uploaded_file($_FILES['pic']['tmp_name'], 'upload/'.$_FILES['pic']['name']);

echo "ok";
?>

if(this.readyState == 4 && this.status == 200){
	var str = '';
	str = '状态码是 ' + this.status;
	str += '状态文字是 ' + this.statusText;
	document.getElementById('progress').innerHTML = str;
}    

function stopxhr(){
	xhr.abort();
}

<?php 
header('Content-Type: text/xml');
?>
//此处空了一行
<?xml version="1.0" encoding="utf-8"?>
<bookstore><book bid='b0001'><title>天龙八部</title><intro>人生太苦了</intro></book></bookstore>

This page contains the following errors:
error on line 2 at column 6: XML declaration allowed only at the start of the document.
Below is a rendering of the page up to the first error.

<?php 
header('Content-Type: text/xml');
?> 
<?xml version="1.0" encoding="utf-8"?>
<bookstore><book bid='b0001'><title>天龙八部</title><intro>人生太苦了</intro></book></bookstore>

xhr.onreadystatechange = function(){
	if(this.readyState == 4){         //this即xhr对象
		// alert(this.responseXML);
		var xmldom = this.responseXML; 
		var book = xmldom.getElementsByTagName('book')['0']; 
		var title = book.firstChild.firstChild.wholeText;
		var intro = book.lastChild.firstChild.wholeText;
		document.getElementById('btitle').value = title;
		document.getElementById('bintro').value = intro;
	}
}

<?php  //code  ?>
{name: 'linking', sex: 'male'}
?>

var linking = eval('(' + this.responseText + ')');
alert(linking.name);

$book = array('title' => '天龙八部', 'intro' => '人生九苦' );
echo json_encode($book) ;

function sear(){
	//获取将要搜索的内容
	var searchtext = document.getElementsByName('searchtext')[0].value;
	//Google ajax API 搜索参数，返回json格式，利用回调函数aa解析
	var url = 'http://ajax.googleais.com/ajax/services/search/web?v=1.0&q='+ searchtext + '&callback=aa';
	//动态创建script标签，加入head，使其以script形式加载进来
	var scr = document.createElement('script');
	scr.setAttribute('type', 'text/javascript');
	scr.setAttribute('src', url);
	document.getElementByTagName('head')[0].appendChild(scr);
}
//回调函数，对返回的数据进行处理
function aa(res){
	alert(res);
}

function createXHR(){
	var xhr = null;
	if(window.XMLHttpRequest){
		xhr = new XMLHttpRequest();
	} else if(window.ActiveXObject){
		xhr = new ActiveXObject('Microsoft.XMLHTTP');
	} else{
		console.log('你的浏览器很奇怪。');
	}
	return xhr;
}

sleep(3);//等待三秒
if(rand(1,10) < 4){
	echo "0";
}else{
	$votenum = file_get_contents("./vote.txt");
	if ($votenum == null) {
		$votenum = 0;
	}
	$votenum += 1;
	file_put_contents('./vote.txt', $votenum);	
	echo "1";
}

xhr.onreadystatechange = function(){
	var pg = document.getElementById('progress');
	pg.innerHTML += pg.innerHTML + '现在的状态是 '+ this.readyState + '<br />';
}

xhr.onreadystatechange = function(){
	if(this.readyState == 4){
		if(this.responseText == '1'){
			document.getElementById('progress').innerHTML = '投票成功';
		}else if(this.responseText == '0'){
			document.getElementById('progress').innerHTML = '投票失败';
		}else{
			document.getElementById('progress').innerHTML = this.responseText;
		}
    }   
}

<body>
    <div>
        <p><img width=300 height=400 src="lin.jpg"></p>
        <p><a href="vote.php">vote</a></p>
    </div>
</body>

<div id="regres"></div>
/*form target-->iframe name*/
<form action="02-reg.php" method="post" target="regzone">
    <p>用户名：<input type="text" name="username"></p>
    <p>邮件：<input type="email" name="email"></p>
    <p><input type="submit" name="submit"></p>
</form>
<iframe width=0 height=0 frameBorder="0" name="regzone"></iframe>

<meta charset="utf-8">
<?php 
//经过运算，逻辑判断，注册是否成功
$msg = 1/0;
1-"注册成功"  0-"注册失败"
?>
<script type="text/javascript">
    //被请求的资源req.php想得到HTML里的元素，用parent
    parent.document.getElementById('regres').innerHTML = '注册成功!';
</script>

if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))
	alert("为了提高体验效果，请把页面缩小成手机屏幕大小。\n谢谢合作！");

<script type="text/javascript">
	try{
		var alertmessage="为了提高体验效果，请把页面缩小成手机屏幕大小。\n谢谢合作！";
		var once_per_session=1
		function get_cookie(Name) {
		  var search = Name + "="
		  var returnvalue = "";
		  if (document.cookie.length > 0) {
			offset = document.cookie.indexOf(search)
			if (offset != -1) {
			  offset += search.length;
			  end = document.cookie.indexOf(";", offset);
			  if (end == -1)
				 end = document.cookie.length;
			 	 returnvalue=unescape(document.cookie.substring(offset, end))
			  }
		   	}
		 	return returnvalue;
		}
		function alertornot(){
			if (get_cookie('alerted')==''){
		        loadalert();
				document.cookie="alerted=yes";
			}
		}
		function loadalert(){
			if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))
				alert(alertmessage);
		}
		if (once_per_session==0)
			loadalert();
		else
			alertornot();
	} catch(e)
	{
		alert(e);
	}
</script>