wfquery
Version:
like jQuery but just for new browser
132 lines (119 loc) • 4.49 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo/layout.html</title>
<script src="../wfQuery.js?_t=1516462775018"></script>
<!--
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>wfQuery = jQuery</script>
-->
<style>
pre.code{background: #d2d2d2;padding: 4px;}
</style>
</head>
<body>
<a href="../index.html">返回首页</a>
<h2>ajax支持</h2>
<style>
#form0 .inner{width: 720px;margin: 0 auto;}
#form0 .center{text-align: center;}
#form0 .rt{text-align: right;}
#form0 .tip{display: inline-block; padding-left: 10px; width: 240px;font-size: 12px;}
#form0 .tip-error{color: red;}
</style>
<form action="#" id="form0">
<div class="inner">
<table>
<tr>
<td class="center" colspan="2">
<h3>会员注册</h3>
</td>
</tr>
<tr>
<th class="rt">登录昵称：</th>
<td><input type="text" id="name" name="name" value="shy2850"><span class="tip">*</span></td>
</tr>
<tr>
<th class="rt">姓名：</th>
<td><input type="text" id="user_name" name="user_name" value="云香水识"><span class="tip">*</span></td>
</tr>
<tr>
<th class="rt">密码：</th>
<td><input type="password" id="pass0" name="pass0"><span class="tip">*</span></td>
</tr>
<tr>
<th class="rt">确认密码：</th>
<td><input type="password" id="pass1" name="pass1"><span class="tip">*</span></td>
</tr>
<tr>
<th class="rt">Email：</th>
<td><input type="email" id="email" value="" name="email" disabled ><span class="tip">*</span></td>
</tr>
<tr>
<th class="rt">QQ：</th>
<td><input type="text" id="qq" name="qq" value="80704186"><span class="tip">*</span></td>
</tr>
<tr>
<th class="rt">性别：</th>
<td>
<input type="radio" name="sex" id="sex1" value="1"><label for="sex1">男</label>
<input type="radio" name="sex" id="sex2" value="2"><label for="sex2">女</label>
<span class="tip">*</span>
</td>
</tr>
<tr>
<th class="rt">照片：</th>
<td>
<input type="file" name="img" id="img">
<span class="tip">*</span>
</td>
</tr>
<tr>
<th class="rt">个人简介：</th>
<td>
<textarea name="info" id="info" cols="30" rows="5" placeholder="快来介绍一下自己吧！"></textarea><span class="tip">*</span>
</td>
</tr>
<tr>
<td class="center" colspan="2">
<input type="submit" value="注册">
<input type="reset" value="重置">
</td>
</tr>
</table>
</div>
</form>
<input type="file" name="axx" id="axx">
<script class="code">
/*该方法执行f2e-server指定服务器支持*/
$.jsonp('data/jsonp.js',{a:3},function(d){
console.log(d);
});
$.ajax({
url: "data/note.xml",
dataType: "xml",
cache: false,
success: function(xml){
console.log( $( xml ).children().children() );
}
});
$("#form0").on("submit",function(e){
/*该方法执行需要f2e-server服务器支持*/
$.ajax({
url: "/upload?target=demo/data/upload.json&uploadUrl=demo/data/",
type: "post",
form: this,
success: function( json ){
console.log( json );
},
error: function(xhr){
alert( 'wrong' )
}
});
return false;
});
</script>
<a href="https://github.com/shy2850/wfQuery.git" target="_"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
</body>
</html>