ajax数据返回时不刷新,使用jquery、ajax不刷新页面打印表格（返回数据类型text、json）；...

效果图：

一：返回数据是text时

1.表单代码：

姓名：

编号：

内容：

2.jquery代码：

$("#tijiao").click(function(){

var name=$("#name").val();

var num=$("#num").val();

var neirong=$("#neirong").val();

if(name=="" || num=="" ||neirong=="") //判断非空

{

alert("不能有空");

return false; //如果非空，终止程序

}

else{

$.ajax({

type:"post",

url:"chuli.php",

async:true,

data:{name:name,num:num,neirong:neirong},

dataType:"TEXT",

success:function(data)

{

var str="

"+"姓名"+""+"编号"+""+"内容"+""; //定义表格的头行

var attr=data.split("|"); //把data数据分割成一个二维数组attr

for(var i=0;i

{

var attr1=attr[i].split("^"); //把二维数组attr的每一项按^分割为一位数组

str=str+"

"+attr1[1]+""+attr1[2]+""+attr1[3]+""; //造行与列，取一维数组中的项添加到表格的列中

}

$("#tianjia").html(str); //把拼接的变量添加到表格中

}

});

}

})

3.处理页面代码

$name=$_POST["name"];

$num=$_POST["num"];

$neirong=$_POST["neirong"];

include("../gongju/DBDA.class.php");

$db=new DBDA();

$sql="insert into renyuan values('','{$name}','{$num}','{$neirong}')"; //把数据插入到表格中

if($db->Query($sql,0)) //如果插入，则显示

{

$sql1="select * from renyuan";

$attr=$db->StrQuery($sql1); //调用strquery方法，返回字符串类型的数据

echo $attr;

}

二：返回数据类型是json格式时

1.把dataType改成“json”

2.处理页面中的输出方式

其他方式跟text一样

Jquery Ajax调用aspx页面方法

Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过as ...

jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...

ajax——三级联动下拉列表框的优化(简化页面，用jquery插件代替原来页面代码，返回处理数据类型为"TEXT")

数据库: 主页面 //W3C//DTD XHTML 1.0 Transitional//EN" &qu ...

jQuery Ajax无刷新操作

下面是“无刷新登录”的例子,采用Ashx+jQuery Ajax实现. //后台实例代码 ashx文件(可替换为从数据库中读取) public void ProcessRequest(HttpCont ...

Jquery Ajax调用aspx页面方法 (转载)

在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过aspx.cs中的静态方法+WebMethod进 ...

Jquery Ajax调用aspx页面实例

目前,我会的几种asp.net界面与后台代码交互方式有几种: 1.webform+服务器控件交互: 2.webform+jquery+ajax+一般处理程序交互: 3.webform+jquery+a ...

随机推荐

C#4.0泛型的协变，逆变深入剖析

C#4.0中有一个新特性:协变与逆变.可能很多人在开发过程中不常用到,但是深入的了解他们,肯定是有好处的. 协变和逆变体现在泛型的接口和委托上面,也就是对泛型参数的声明,可以声明为协变,或者逆变.什么 ...

深入理解HTML表格

前面的话 在CSS出现之前,table元素常常用来布局.这种做法在HTML4之后不再推荐使用.而现在有些矫枉过正,使用table展示数据都可能会被说不规范.本文将详细介绍HTML表格table tab ...

hdu 1003

Max Sum Time Limit: 1000MS   Memory Limit: 32768KB   64bit IO Format: %I64d & %I64u Submit Statu ...

Java keyword具体解释

訪问控制修饰符号 1)        private 私有的 private keyword是訪问控制修饰符,能够应用于类.方法或字段(在类中声明的变量). 仅仅能在声明 private(内部)类.方 ...

switch语句中的选择因子

switch语句能否用作用在byte上,能否作用在long上,能否作用在String上? switch选择语句的格式为: switch(intergral-selector){ case  integ ...

windows驱动编程(目录)

目录 第一章 入门 配置开发环境 第一个程序 应用程序调用内核函数的流程

shell 之时间戳

vim 1.sh #/bin/bash##by cc read -p "Please input yourtime:" timea=$timeif [ $a != 0 ] then ...

Http相关

1.http请求 http请求分为三部分:请求行,请求头,请求正文 1. 请求行 请求方式  GET   POST 请求资源路径 协议版本 GET与POST请求区别? get只能传递1kb以下数据,P ...

vertical-align用法

父元素下面有两个子元素,第一个子元素设置display:inline-block,第二个子元素设置display:inline-block, vertical-align:top这样两个元素就能顶部对 ...