ajax_表单提交+tp5ajax
=======================================================
判断squery导入的是否正确？
$(function(){
alert('1');
})
=======================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>111</title>
</head>
<body>
<form id="form1">
<a href="#">未注册</a><br>
<input type="text" name="username" id="username"><br>
<input type="text" name="pwd" id="pwd"><br>
<input type="button" value="提交" onclick="aa()">
</form>
</body>
</html>
<script type="text/javascript" src="jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery-1.10.2.min.map"></script>
<script type="text/javascript">
function aa(){
// alert('11');
// $.post(
//'1.php',
// {username: $('#username').val(),pwd: $('#pwd').val()},
// function(data) {
// alert(data.result);
// },
//"json");
$.ajax({
url: '1.php',
type: 'POST',
dataType: 'json',
// data: {username: $('#username').val()},
data:$('#form1').serialize(),
cache:false,
success:function(data){
alert(data.pwd);
}
})
}
</script>
=======================================================
=======================================================
<?php
header('Content-type: text/html; charset=utf-8');
$data['username']=$_POST['username'];
$data['pwd']=$_POST['pwd'];
// $aa['name']='张三';
// $data = array('result' => $_POST['username']);
// $data = array('error' =>'dui',"success"=>'cui');
// 不能有输出
echo json_encode($data);
?>
========================================================
========================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form id="form1">
姓名：<input type="text" name="name">
age：<input type="text" name="age">
<input type="button" onclick="sub" value='提交'>
</form>
</body>
</html>
<script type="text/javascript" src="./jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$("input[type=button]").click(function(){
// $.get('./1.php', {name: $("input[name=name]").val(),age: $("input[name=age]").val()}, function(data) {
// alert(data.result);
// },"json");
$.ajax({
type: 'post',
url: './1.php',
data: $('#form1').serialize(),//{name:1},
cache:false,
dataType:'json',
success:function(data) {
alert(data.name);
}
})
});
//console.log("success");
</script>
==============================================
buy: function(mss) {
var talk_html ='';
jQuery.ajax({
type: "get",
async: false,
url: "/index.php?m=Member&c=Usercp&a=get_bind_wechat",
contentType: "application/json; charset=utf-8",
dataType: "json",
cache: false,
success: function (s) {
//返回的数据用data.d获取内容
if (s.num != 0) {
var bind_tbs = s.list;
talk_html += '<font class="font font_2" style="padding-left: 20px;color:blue;">用此微信帐号参与任务：<select name="bind_taobao" id="bind_wechat">';
$.each(bind_tbs,function(k,tb) {
if (tb.is_default == 1) {
talk_html += '<option value="'+ tb.id +'" selected>'+ tb.account +'</option>';
}else{
talk_html += '<option value="'+ tb.id +'">'+ tb.account +'</option>';
}
});
talk_html += '</select></font><br/><p class="font font_2" style="font-size: 12px; padding-top: 9px;padding-left: 20px;">温馨提示:只有用选定的微信号参与任务,才可获得奖励</p><br/>';
}else{
talk_html += '<font class="font font_2" style="padding-left: 20px;color:blue;">暂无绑定的微信账号！<a href="/index.php?m=Member&c=Attesta&a=bindtaobao" target="_blank" style="color:red;">点此去绑定</a></font><br/>';
}
},
error: function (err) {
alert('获取微信帐号出错');
}
});
--------------------------------------------------------------
//获取会员已绑定的微信帐号
public function get_bind_wechat() {
$bind_tbs = get_bind_taobao($this->userid,'wechat');
$data['num'] =count($bind_tbs);
$data['list'] = $bind_tbs;
echo json_encode($data);
}
ajax_表单提交+tp5ajax的更多相关文章
- from表单提交数据之后，后台对象接受不到值
如果SSH框架下,前段页面通过from表单提交数据之后,在后台对象显示空值,也就是接收不到值得情况下.首先保证前段输入框有值,这个可以在提交的时候用jQuery的id或者name选择器alert弹出测 ...
- 不使用Ajax，如何实现表单提交不刷新页面
不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="mul ...
- golang-web框架revel一个表单提交的总结
这里要介绍好是revel框架的表单post提交的列子,主要是用于入门学习,和一些知识点的讲解: 首先: 来了解一个问题那就是重复提交表单,做过form表单提交的同学都知道,如果表单提交后不做处理,那么 ...
- 关于我们经常用到的form表单提交
工作中遇到了太多太多的表单提交问题,曾经学过一个HTML的表单提交给 另外一个HTML页面,对于后台怎么获取有点想不起来了. 今天便做了几个实验,提交订单到后台,来掩饰后台如何接受表单内容: 实验 一 ...
- 天河微信小程序入门《四》：融会贯通，form表单提交数据库
天河在阔别了十几天之后终于又回来了.其实这篇文章里的demo是接着(天河微信小程序入门<三>)后面就做了的,但是因为最近在做别的项目,所以就偷懒没有发出来.放到今天来看,从前台提交数据到数 ...
- html表单提交方式
xml 表单提交方式: * 使用submit提交 <form> 要提交的数据 <input type="submit" /'> </form> ...
- form表单提交问题
1.提交后不能跳转到指定页面 jsp代码 <form class="form-horizontal" role="form"> <p clas ...
- Java EE之servlet处理表单提交的请求
1.在源包下新建一个Servlet页,取名为LoginServlet: package weinidingServlet; //该Servlet所 ...
- MVC中处理表单提交的方式（Ajax+Jquery）
MVC中处理表单有很多种方法,这里说到第一种方式:Ajax+Jquery 先看下表单: <form class="row form-body form-horizontal m-t&q ...
随机推荐
- [转]Android sharedpreferences使用
1. SharedPerferences保存的数据主要是类似配置信息格式的数据,因此它保存的数据主要是简单类型的key-value对,SharedPreferences本身并没有写入数据的能力, ...
- Word+PS制作拼音表格
这几天,朋友让帮忙做个拼音表格,使用Word可以直接标注音标,却无法实现小时候那种4线3格,Word的模板只有练习书法的.使用Excel却,无法将拼音标注单独标注到上一单元格(有朋友会VBA的话,帮我 ...
- 深入.NET数据类型（1）
一.值类型和引用类型 所有的值类型和引用类型的引用都存在"栈"中 1.值类型 命名空间:System.ValueType 值类型数据储存所在的内存区域成为栈 值类型主要包括基本数据 ...
- Robot Framework学习笔记（八）------ride标签使用
一.edit标签使用 1.导入库 点击 Edit 标签页右侧的"Library"按钮,来添加库.在添加库之前,首先库已经在 Python 下进行了安装.如,添加"Sele ...
- SecureCRT 历史版本下载
最近在使用SecureCRT时,存在网络卡顿现象,然而.同事的SecureCRT工具却一点都不卡,我的SecureCRT是比较老的版本6,同事使用的是版本7,所以就更换下自己的SecureCRT版本. ...
- 12.python进程\协程\异步IO
进程 创建进程 from multiprocessing import Process import time def func(name): time.sleep(2) print('hello', ...
- Heroku 如何上重置 PostgreSQL 数据库
如果你要在 Heroku 上重置 PostgreSQL 数据库,可以使用以下命令 : $ heroku pg:reset DATABASE $ heroku run php artisan mig ...
- .Net 如何模拟会话级别的信号量，对http接口调用频率进行限制(有demo)
现在,因为种种因素,你必须对一个请求或者方法进行频率上的访问限制. 比如, 你对外提供了一个API接口,注册用户每秒钟最多可以调用100次,非注册用户每秒钟最多可以调用10次. 比如, 有一个非常吃服 ...
- Spring中配置数据源的四种方式
1.spring自带的数据源 <bean id="dataSource" class="org.springframework.jdbc.datasource.Dr ...
- JS 对象API之判断父对象是否在子对象的原型链上
语法:父对象.prototype.isPrototypeOf(子对象) 代码栗子: function Student(){ this.name = "小马扎"; ; } var s ...