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 ...
随机推荐
- 在linux环境下编译运行OpenCV程序的两种方法
原来以为在Ubuntu下安装好了OpenCV之后,自己写个简单的程序应该很容易吧,但是呢,就是为了编译一个简单的显示图片的程序我都快被弄崩溃了. 在谷歌和上StackOverFlow查看相关问题解答之 ...
- TP框架如何开启log日志
1. 日志的处理工作是由系统自动进行的,在开启日志记录的情况下,会记录下允许的日志级别的所有日志信息. 其中,为了性能考虑,SQL日志级别必须在调试模式开启下有效,否则就不会记录. 系统的日志记录由核 ...
- 我的web聊天之---序章
有时候自我感觉良好,人啊就开始膨胀,细细想来,自己还是那么苍白.---- 致傻傻的我 大家都知道,平时上班总是拿着手机看看微信,看看新闻,这个不太好,这不是重点,重点是我们公司web版本的微信,QQ都 ...
- django之admin流程
admin 类复习: class Base(object): def __init__(self,val): self.val = val def func(self): self.test() pr ...
- <The Art of Readable Code> 笔记二 (下)
第1章 封装信息到名字 (Packing information into names) 4 附加额外信息 1) encode value type 对于某些变量,附加额外的信息可以让人更好的理 ...
- JavaScript对于switch语句中的case后键入值的带不带引号
一.用switch选择星期几 这时case为 例:case="星期一" 二.用switch选择单纯的数字 这时case为 例:case='1' 三.用switch选择一个应用了 ...
- 到底啥事w3c标准
W3C标准 ...
- 微信小程序之自定义toast弹窗
微信小程序里面的自带弹窗icon只有两种,success和loading.有时候用户输入错误的时候想加入一个提醒图标,也可以使用wx.showToast中的image来添加图片达到使用自定义图标的目的 ...
- 移动端mobiscroll时间插件的调用
话不多说直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
- 我的第一个spring_boot项目
springBoot火了有一段时间了,现在才接触,着实没跟上节奏.. 一.创建项目并跑起来 目的很简单,只要配置好springBoot环境,并成功启动,且能访问到我项目下的任一资源即可 1 下载mav ...