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 ...
随机推荐
- datatable使用笔记
这是一个使用datatable的jsp文件实例,实现了点击单元格后编辑单元格所在行的内容. <%@ page pageEncoding="UTF-8"%> <!D ...
- 设置状态栏(UIStatusBar)样式
方法1:找到项目里面的info.plist文件,添加属性Status bar style,设置属性值为transparent black style 状态条为白色 ,设置属性值为 gray style ...
- vue2.0笔记《二》组件
主要内容:如何注册组件.如何使用组件.父组件子组件之间值的传递 1.如何注册组件 第一步:通过import将子组件载入父组件的js中 // 第一步:通过import将子组件载入父组件的js中 impo ...
- vue2.0 正确理解Vue.nextTick()的用途
什么是Vue.nextTick() 官方文档解释如下: 在下次 DOM 更新循环结束之后执行延迟回调.在修改数据之后立即使用这个方法,获取更新后的 DOM. 获取更新后的DOM,言外之意就是DOM更新 ...
- 第四章:Python基础の快速认识內置函数和操作实战
本課主題 內置函数介紹和操作实战 装饰器介紹和操作实战 本周作业 內置函数介紹和操作实战 返回Boolean值的內置函数 all( ): 接受一個可以被迭代的對象,如果函数裡所有為真,才會真:有一個是 ...
- Java中的String类能否被继承?为什么?
不能被继承,因为String类有final修饰符,而final修饰的类是不能被继承的. Java对String类的定义: public final class String implements ja ...
- linux下一键安装redis并设置为后台进程及开机启动
1.下载适合你的版本的redis(下载页面https://redis.io/download),我下载的是4.0.6版本 wget http://download.redis.io/releases/ ...
- Loadrunner11.0调用Jar包
又好几天不写东西了,是不是意味着最近没有大的进步,时时敲打自己. 今天把loadrunner如何调用Jar包搞定了,现在把配置的过程中需要注意的东西写下来,分享给小伙伴儿,减少他们在前行路上的弯路. ...
- JAVA实现跳一跳辅助程序之虎啸龙吟
前序: 今天有幸,看到2位博主的文章,在此表示感谢.自己也动手实现了一下. 实现原理 请参考博主 https://www.cnblogs.com/dongkuo/p/8285162.html 另感谢博 ...
- cookie/session(过时的写法)
cookie存在客户端的浏览器中,不太安全,容易被窃取,,session被存在服务器中(类似于字典中的value,),服务器会给浏览器返回这个value的key值,下次进来直接根据key取value. ...