jquery ajax中url地址的问题,不明白这个url地址该怎么写。

问题描述

jquery ajax中url地址的问题,不明白这个url地址该怎么写。

搞不清楚url是怎么访问的,不明白这个url地址该怎么写。 谁有现成的例子让我借鉴一下吗。

     $(function(){

   $("#send").click(function(){
       $.get("load_Ajax.html",{
       name:$("#name").val(),
       content:$("#content").val()
        }).function(data,textStatus){
        $("#resText").html(data);
        }

     })
   });

 <form action="#" method="post" id="form1">
   <p>评论:</p>
   <p>姓名:<input type="text" name="name" id="name"/></p>
   <p>内容:<textarea name="content" id="content" rows="2" cols="20"></textarea></p>
   <p><input value="提交" type="button" id="send"/></p>
    </form>
    <div class="comment"> 已有评论:</div>
    <div id="resText"></div>
    </form>

load_Ajax.html。我这里面该怎么写。就这点特别迷!

解决方案

相对地址,绝对地址都行,前提是不能跨域,跨域了ajax会报错

使用相对地址时,是相对于当前加载js的html页面,如../xxxx.html是加载相对于当前html页面的上一级目录的网页

或者直接/xxx/xxx.html,从网站根目录加载xxx目录下的xxx.html文件,这种路径不依赖于当前加载js的html页面

解决方案二:

$.ajax({
//
url: "test.html",
type:"post",
// ...
});
url地址方式和你前面from或是超链接的地址基本相同
个人理解紧供参考

解决方案三:

var url = '/test/getTest';
$.ajax({
type : 'post',
url : url,
dataType : 'json',
data : {
count : 1
},
success : function(data) {
if () {
alert('成功!');
} else {
alert('失败!');
}
}
});

解决方案四:

URL就是你要接收数据的地址。

网站前端开发工程师 HTML5 CSS3 平板网页开发
http://jobs.zhaopin.com/773356571250019.htm

解决方案五:

var url = '/test/getTest';
$.ajax({
type : 'post',
url : url,
dataType : 'json',
data : {
count : 1
},
success : function(data) {
if () {
alert('成功!');
} else {
alert('失败!');
}
}
});

解决方案六:

var url = '/test/getTest';
$.ajax({
type : 'post',
url : url,
dataType : 'json',
data : {
count : 1
},
success : function(data) {
if () {
alert('成功!');
} else {
alert('失败!');
}
}
});

解决方案七:

$.get("load_Ajax.html",{
load_Ajax.html就是你需要改的url

解决方案八:

哥们,这个问题还挺让人惊诧的其实。你现在有一个表单,想通过Ajax获得异步数据,然后对数据进行操作。但是有一个基础性的东西是什么能拿来当异步数据。很常用的JSON或者XML。还有一个基础的问题是你向什么URL发送你的表单信息能够返回这些数据,你要发送的目标起码是一个能够处理你所发送数据的PHP脚本或者其他后台程序,或者就是个现成的JSON/XML文件。可是你把表单数据居然发送给一个html文件你告诉我它本身怎么处理你的数据啊?更别提给你发送处理后的相应了。所以你这段代码根本不可能得到正确反馈。最后才是你使用的方法有问题。哥们我觉得你应该完全重新学习一下js的Ajax,然后再使用jq的便利版。

解决方案九:

  • -你把表单的数据传给一个html要怎么处理?。。。可以传给php脚本,经过处理之后再返回需要的数据(把数据直接echo出来,前台就可以收到了)
时间: 2024-10-03 08:08:57

jquery ajax中url地址的问题,不明白这个url地址该怎么写。的相关文章

JQuery ajax中error返回错误及一直返回error的解答_AJAX相关

进入百度搜索此问题,发现有人这么说了一句 Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了 于时我在ajax中进行了处理 async: false,结果发现提交正常的数据返回是正常的没有错误.  代码如下  $.ajax({ type: "POST", async: false, url:urllink, data:data, dataType:"html", su

理解jquery ajax中的datatype属性选项值_AJAX相关

jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字符串处理. 一.ajax语法 复制代码 代码如下: jQuery.ajax([settings]) 参数说明 settings:用于配置 Ajax 请求的键值对集合.可以通过 $.ajaxSetup() 设置任何选项的默认值. 二.ajax的datatype选项的值 1."xml":返回

理解jquery ajax中的datatype属性选项值

jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字符串处理. 一.ajax语法 复制代码 代码如下: jQuery.ajax([settings]) 参数说明 settings:用于配置 Ajax 请求的键值对集合.可以通过 $.ajaxSetup() 设置任何选项的默认值. 二.ajax的datatype选项的值 1."xml":返回

JQuery ajax中error返回错误及一直返回error的解答

进入百度搜索此问题,发现有人这么说了一句 Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了 于时我在ajax中进行了处理 async: false,结果发现提交正常的数据返回是正常的没有错误. 代码如下 $.ajax({ type: "POST", async: false, url:urllink, data:data, dataType:"html", succ

谈谈Jquery ajax中success和complete有哪些不同点_jquery

废话不多说了,先给大家贴一段代码看看吧, $.ajax({ type: "post", url: url, dataType:'html', success: function(data) { }, complete: function(XMLHttpRequest, textStatus) { }, error: function(){} }); success : 当请求成功时调用的函数.这个函数会得到一个参数:从服务器返回的数据.当请求成功时调用函数,即status==200.

jquery ajax中使用jsonp的限制

jsonp 解决的是跨域 ajax 调用的问题.为什么要跨域 ajax 调用呢?这样可以在一个应用中直接在前端通过 js 调用另外一个应用(在不同的域名下)的 API. 我们在实际应用中也用到了 jsonp ,但之前只知道 jsonp 的一个限制,只能发 get 请求,get 请求的弊端是请求长度有限制. 今天,发现 jsonp 的另外一个限制(在jquery ajax的场景下) -- 不会触发 $.ajax 的error callback,示例代码如下: $.ajax({ dataType:

jquery ajax中error返回错误

  进入百度搜索此问题,发现有人这么说了一句 Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了 于时我在ajax中进行了处理 async: false,结果发现提交正常的数据返回是正常的没有错误.  代码如下   $.ajax({ type: "POST", async: false, url:urllink,  data:data, dataType:"html"

jquery ajax中使用jsonp的限制解决方法_jquery

jsonp 解决的是跨域 ajax 调用的问题.为什么要跨域 ajax 调用呢?这样可以在一个应用中直接在前端通过 js 调用另外一个应用(在不同的域名下)的 API.我们在实际应用中也用到了 jsonp ,但之前只知道 jsonp 的一个限制,只能发 get 请求,get 请求的弊端是请求长度有限制.今天,发现 jsonp 的另外一个限制(在jquery ajax的场景下) -- 不会触发 $.ajax 的error callback,示例代码如下: 复制代码 代码如下: $.ajax({  

jquery ajax中error返回错误解决办法

进入百度搜索此问题,发现有人这么说了一句 Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了 于时我在ajax中进行了处理 async: false,结果发现提交正常的数据返回是正常的没有错误.  代码如下 复制代码 $.ajax({ type: "POST", async: false, url:urllink,  data:data, dataType:"html"