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

效果图&＃xff1a;

一&＃xff1a;返回数据是text时

1.表单代码&＃xff1a;

姓名&＃xff1a;

编号&＃xff1a;

内容&＃xff1a;

2.jquery代码&＃xff1a;

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

var name&＃61;$("#name").val();

var num&＃61;$("#num").val();

var neirong&＃61;$("#neirong").val();

if(name&＃61;&＃61;"" || num&＃61;&＃61;"" ||neirong&＃61;&＃61;"") //判断非空

{

alert("不能有空");

return false; //如果非空&＃xff0c;终止程序

}

else{

$.ajax({

type:"post",

url:"chuli.php",

async:true,

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

dataType:"TEXT",

success:function(data)

{

var str&＃61;"

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

for(var i&＃61;0;i

{

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

str&＃61;str&＃43;"

}

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

}

});

}

})

3.处理页面代码

$name&＃61;$_POST["name"];

$num&＃61;$_POST["num"];

$neirong&＃61;$_POST["neirong"];

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

$db&＃61;new DBDA();

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

if($db->Query($sql,0)) //如果插入&＃xff0c;则显示

{

$sql1&＃61;"select * from renyuan";

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

echo $attr;

}

二&＃xff1a;返回数据类型是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——三级联动下拉列表框的优化(简化页面&＃xff0c;用jquery插件代替原来页面代码&＃xff0c;返回处理数据类型为";TEXT";)

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

jQuery Ajax无刷新操作

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

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

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

Jquery Ajax调用aspx页面实例

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

随机推荐

C#4.0泛型的协变&＃xff0c;逆变深入剖析

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&＃61;$timeif [ $a !&＃61; 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这样两个元素就能顶部对 ...