ajax请求php保存数据格式,jQuery ajax与php进行数据交互（数据格式问题）

近期涉及到 jquery 开发，因此对jQuery做了一些初步的学习，jquery功能相对比较强大些，尤其是对ajax支持，jquery ajax与服务器交互，这种搭配使得“局部刷新，异步更新”交互方式比单纯的ajax，有了很大的提高，大大改善了用户体验。

1.关于Jquery 和 ajax 就不做介绍了。

下面谈谈，本人在JQuery ajax + php 开发时候遇到的一些问题。

不多说，先看代码：

html 界面，这个可以理解为客户端

无标题文档

$(document).ready(function(e) {

var count = 2;

var postdata = { "case" : count };

$("#button").click(

function(){

alert("test was clicked" + postdata["case"]);

$.get("ajaxtest.php",postdata,

function(data){

$("#showtext").html(data);

alert("调用完毕");

});

}

);

});

2.php代码，这个可以理解为服务器端。

//这里两句话很重要,第一讲话告诉浏览器返回的数据是什么格式

header("Content-Type: text/html;charset=utf-8");

//告诉浏览器不要缓存数据

header("Cache-Control: no-cache");

echo "hello serivce";

$time = $_GET["case"];

switch ($time){

case 2:

printf($time);

echo "第1个完毕 "."time is".$time;

sleep(1);

break;

case 1:

echo "第0个完毕";

break;

default:

echo "执行遇到意外";

}

3. 显示结果

整个过程是点击按钮在下面的div里显示php页面传回来的数据。

这是jquery使用ajax的函数

$.get("ajaxtest.php",postdata,

function(data){

$("#showtext").html(data);

alert("调用完毕");

});

注：这个函数中没有设置数据格式参数，这点很重要。

funciont(data){//...}

这里的data参数就是服务器返回来的数据，这个参数可以是任意合法字符，如：

funciont(aaa){//...}

本人遇到的问题是数据不显示。

这个问题本来很简单，但是本人在开发时候，把php的头部文件开始时候设置成为了 json，如下：

header("Content-Type: text/json;charset=utf-8");(注：这样设置会有问题)

正确的为：header("Content-Type: text/html;charset=utf-8");

这样设置，导致一直在界面没有显示数据。

鼓捣了很久，以为是ajax函数的原因，看到官方这个函数使用里面有数据格式的设置，可是怎么弄都不起作用，还是没显示。

所以干脆先不设置格式，从头看什么原因，结果顺利显示数据。

关于json格式的和非json格式的使用，请看另一篇博文。

ajax请求php保存数据格式,jQuery ajax与php进行数据交互（数据格式问题）相关推荐

jQuery ajax请求两次问题,jquery ajax请求了两次问题
页面有一个请求form: 订单编号用户帐户发货状态请选择未发送已发送查询 JavaScript请求部分: function showdatalist() { var username = ...
ajax请求返回json实例,Jquery Ajax 学习实例2 向页面发出请求返回JSon格式数据
一.AjaxJson.aspx 处理业务数据,产生JSon数据,供JqueryRequest.aspx调用,代码如下: protected void Page_Load(object sender, ...
ajax请求会阻塞dom,Jquery ajax 同步阻塞引起的UI线程阻塞问题_jquery
最近做一个项目,遇到了一个问题同步ajax引起的ui线程阻塞问题,下面把我的问题解决过程分享给大家. 事情起因是这样的,因为页面上有多个相似的异步请求动作,本着提高代码可重用性的原则,我封装了一个名为 ...
jq中法可以发起ajax请求的方法有,jQuery实现监控页面所有ajax请求的方法
本文实例讲述了jQuery实现监控页面所有ajax请求的方法.分享给大家供大家参考,具体如下: 你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作? 很容易想到的解决 ...
Ajax设置超时时长,jquery ajax超时设置
var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式 ...
flask ajax 上传图片,flask jQuery ajax 上传文件
1.html 代码注:1.html 部分主要是一个form表单,其中表单的enctype = "multipart/form-data" 必须要有. 2.由于我的页面背景颜色设置 ...
html ajax请求怎么用,如何使用ajax，ajax请求的五个步骤
有很多童鞋,在WEB前端面试的时候,常会被Ajax问题难住,其实Ajax没有你们理解的那么难,现在源码时代H5学科讲师带着大家重新来回顾一下知识点:随便再给大家普及一下小常识,今天咱们聊的就是怎么快速 ...
ajax调用ashx的方法,jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法
1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是&q ...
php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...

ajax请求php保存数据格式,jQuery ajax与php进行数据交互（数据格式问题）

ajax请求php保存数据格式,jQuery ajax与php进行数据交互（数据格式问题）相关推荐

最新文章

热门文章