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 ...
随机推荐
- KD树
k-d树 在计算机科学里,k-d树( k-维树的缩写)是在k维欧几里德空间组织点的数据结构.k-d树可以使用在多种应用场合,如多维键值搜索(例:范围搜寻及最邻近搜索).k-d树是空间二分树(Binar ...
- css自适应
一.顶部标题自适应 <html> <head> <title>顶部标题</title> <style> body{padding:0;mar ...
- Vuex- Action的 { commit }
Vuex 中 使用 Action 处理异步请求时,常规写法如下: getMenuAction:(context) =>{ context.commit('SET_MENU_LIST',['承保2 ...
- c#实现超实用的<证件照换底色>小工具
1前言 我们在工作和生活中经常要填写一些个人资料,这时候往往需要放证件照上去,但是有时候人家要求是红底或白底,但是偏偏不巧的是你以前照了张蓝底的.这时候你想换个底色,于是在百度上一搜“证件照换 ...
- python pandas stack和unstack函数
在用pandas进行数据重排时,经常用到stack和unstack两个函数.stack的意思是堆叠,堆积,unstack即"不要堆叠",我对两个函数是这样理解和区分的. 常见的数据 ...
- 基于ASP.NET WEB API实现分布式数据访问中间层（提供对数据库的CRUD）
一些小的C/S项目(winform.WPF等),因需要访问操作数据库,但又不能把DB连接配置在客户端上,原因有很多,可能是DB连接无法直接访问,或客户端不想安装各种DB访问组件,或DB连接不想暴露在客 ...
- vue-父子组件嵌套的示例
组件注册: // 注册组件 Vue.component('my-component', { template: '<div>A custom component!</div>' ...
- Sql Server Configuration Manager 网络配置为空，没有实例
新用户一天内不准提问...Sql Server Configuration Manager 网络配置为空,没有实例无法设置ip和端口进行连接..
- python中的深拷贝和浅拷贝理解
在python中,对象赋值实际上是对象的引用.当创建一个对象,然后把它赋给另一个变量的时候,python并没有拷贝这个对象,而只是拷贝了这个对象的引用.以下分两个思路来分别理解浅拷贝和深拷贝: 利用切 ...
- java多线程之守护线程以及Join方法
版权声明:本文出自汪磊的博客,转载请务必注明出处. 一.守护线程概述及示例 守护线程就是为其它线程提供"守护"作用,说白了就是为其它线程服务的,比如GC线程. java程序中线程分 ...