当前位置:千赢国际官网 > 千赢网页手机版登入 > 方法提交表单数据示例,jQuery绑定事件的on

方法提交表单数据示例,jQuery绑定事件的on

文章作者:千赢网页手机版登入 上传时间:2019-08-10

jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例:

UBB代码对于经常上论坛的朋友来说是最熟悉不过了。这里我不多说了,关于怎么实现UBB转换,不了解的朋友请看这里**正则表达式在UBB论坛中的应用。**

jQuery绑定事件的on(),jquery绑定事件on

jQuery绑定事件

语法:$(selector).on(event,childselector,function(){});

可以为自身的加事件(一个或多个)  也可以为其子元素加事件(一个或多个)

自己加事件例子:

$('ul').on('click',function(event){

千赢国际官网,  alert(this);

});

为子元素加事件例子

$('ul').on('click mouseenter','li',function(){

  alert(this);

})

jQuery绑定事件 语法:$(selector).on(event,childselector,function(){}); 可以为自身的加事件(一个或多个) 也可以为...

复制代码 代码如下:

    经典论坛的UBB转换我觉得是处理的非常好的,研究了一下它的转换结果[因为没有源码:)],做了下面的演示。转换结果基本上觉得象了。

$.ajax({
   type: "POST",
   url: ajaxCallUrl,
   data: "Key=Value&Key2=Value2",
   success: function(msg){alert(msg);}
 });

    主要是针对[code]{html}这两个标签的处理,其他的UBB标签还是一般的处理方法。

ajax serialize():

    下面是分别用javascript和vbscript实现的演示。自己做论坛的朋友,如果想实现类似经典论坛的运行代码框可以看看这种转换。

复制代码 代码如下:

欢迎大家输入尽量多格式的UBB进行测试,多多指出错误。
javascirpt:

$.ajax({
         type: "POST",
         url:ajaxCallUrl,
         data:$('#formID').serialize(),// 要提交的表单
         success: function(msg) {alert(msg);}
     });

复制代码 代码如下:

实例:
千赢国际官网 1

<style>
.CodeSamp {
 PADDING-RIGHT: 0.5em; MARGIN-TOP: 1em; PADDING-LEFT: 0.5em; FONT-SIZE: 8p; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.5em; MARGIN-LEFT: 0pt; PADDING-TOP: 0.5em; FONT-FAMILY: "Courier New"; BACKGROUND-COLOR: #eeeeee;width: 480px;overflow:hidden;border: 1px solid #888888;
}
textarea {
border-width: 1; border-color: #000000;font-size: 12px;FONT-FAMILY: "Tahoma", "MS Shell Dlg";
}
</style>

ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(...

<TEXTAREA name=phx cols=65 rows=12>
[i][b][color=blue]blue[/color][/b][/i]

{html}[color=red]te
st[/color]{/html}

{html}[code]te
st[/code]{/html}

[code]{html}te
st{/html}[/code]</textarea>
<br><button onclick=show.innerHTML=UBBCode(phx.value,"html")>转换</button><br>
<div id=show style="border:1 solid skyblue;width=500;font-size: 12px;FONT-FAMILY:
'Tahoma', 'MS Shell Dlg';
"></div>

<script>
strIcons = "1"  //允许笑脸转换
strSmile="1"   //同上
ImgName="em"
picurl="pic/"

function UBBCode(content,html){
st=new Date().getTime()
content=content.replace(/[(/)?phx_code]/ig,"{$1phx_code}");
content=content.replace(/[(/)?phx_html]/ig,"{$1phx_html}");
content="[phx_code]" content "[/phx_code]";         
content=content.replace(/([code]([sS] ?)[/code])/ig,"[/phx_code]$1[phx_code]");
content=content.replace(/[phx_code]([sS]*?)[/phx_code]/ig,function($1,$2){if(html=="html"){return(HTMLCode($2));}else{return(trans($2));}});
content=content.replace(/[code](rn)?([sS] ?)[/code]/ig,function($1,$2,$3){return("<PRE class=CodeSamp>" DvbbsHtmlAn($3) "</PRE>")});
content=content.replace(/{(/)?phx_code}/ig,"[$1phx_code]");
content=content.replace(/{(/)?phx_html}/ig,"[$1phx_html]");
alert('共耗时 ' eval(new Date().getTime()-st) ' ms');
return(content);
}

本文由千赢国际官网发布于千赢网页手机版登入,转载请注明出处:方法提交表单数据示例,jQuery绑定事件的on

关键词: 千赢国际官网