0

0

php+ajax试用

php中文网

php中文网

发布时间:2016-06-23 14:34:37

|

939人浏览过

|

来源于php中文网

原创

 

1.首先在页面中引用js.rar文件

2. 使用jQuery.ajax( [options]) 方法:说明

通过 http 请求加载远程数据。

 

jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。

 

$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。

立即学习PHP免费学习笔记(深入)”;

 

注意: 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。见 Specifying the Data Type for AJAX Requests 。

 

注意:如果dataType设置为"script",那么在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

 

jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。

 

3.例子:不经过表单提交添加信息

Jquery代码:

function sub()

    {

    $.ajax(

           {

 

              "type":"POST",///////提交方式

              "url":"address.php?job=addother&id=$rsdb[id]&act=add",//////提交的Url,可以只是一个url,参数写在data中,也可以在这里写参数

              "data":{////参数格式:参数名:值如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为'&foo=bar1&foo=bar2'。

                  "username":$('#username').val(),

                  "province_id":$('#province_id').val(),

                  "city_id":$('#city_id').val(),

                  "street":$('#street').val(),

                  "zode":$('#zode').val(),

                  "telphone":$('#telphone').val(),

                  "mobilephone":$('#mobilephone').val()

              },

              "dataType":"json",//预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

"text": 返回纯文本字符串

              "cache":false,

               success:function(data){//请求成功后的回调函数。参数:由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串

                  if(!data.success)

                     {

                         alert(data.data.message);  

                     }

                  else{

                  $('#hiddiv').hide();

                  $('#hiddiv').empty();

                  $('#adlist').load("address.php?job=adlist");

                  }

                 

              }

             

             

           }

       );

 

    }

青柚面试
青柚面试

简单好用的日语面试辅助工具

下载

Html:

           align="center">

          

             

          

          

             

          

      

添加收货地址:您好,在这里可以预设您的收货地址,最多$webdb[addressnum]个。带

                         style="color: #FF0000">*

为必填项

             

                  id="postcontent">

 

                 

                    

                    

                 

                 

                    

                    

                 

                 

                    

                    

                 

                 

                    

                    

                 

 

 

                 

                    

                    

                 

             

收款人姓名

                         style="color: #FF0000">*

                         id="username" value="$rsdb[username]" />

收货地址

                         style="color: #FF0000">*

$province_id$city_id

                         id="zone_id">$zone_id

街道地址

                         style="color: #FF0000">*

                         style="width: 300px;" value="$rsdb[street]" />

邮政编码

                         style="color: #FF0000">*

                         value="$rsdb[zode]" />

电话号码

                         style="color: #FF0000">*

                         id="telphone" value="$rsdb[telphone]" /> 手机

                         name="mobilephone" id="mobilephone" value="$rsdb[mobilephone]" />

                         电话号码和手机至少填一个

                        

             

                  name="submit1" type="button" id="submit1" value=" 确 认 " onclick="sub()"/>

                 

                 

             

             

相关文章

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

10

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

29

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

13

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

11

2026.01.22

PHP探针相关教程合集
PHP探针相关教程合集

本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

8

2026.01.22

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

55

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP课程
PHP课程

共137课时 | 9.2万人学习

HTML教程
HTML教程

共500课时 | 5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号