html超链接为变量,如何向超链接添加变量值

本文介绍如何在JavaScript中使用jQuery动态创建含有变量值的HTML超链接。通过示例代码展示了如何获取输入框的值,并将其拼接到URL中,实现不同链接的POST请求。涉及到的功能包括Django后端处理、表单验证和数据交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这是我的功能: 问题是我不知道如何将“值”添加到“链接”。如何向超链接添加变量值

function add_subject_to_subjects_list() {

var value = $("#id_name").val();

var link = "/subject/create/"+value;

show_subjects_list();

$("#btn-create-subject").click(function() {

$.post(link, function(data) {

show_subjects_list();

alert(data).hide("fast");

});

});

}

因为我的功能POST数据到不同的链接:http://127.0.0.1:8000/subject/create/

但我想我的链接取决于值: ,它应该是这样的:

http://127.0.0.1:8000/subject/create/some_value/

这是整个js为该页面:

$(document).ready(function(){

add_subject_to_subjects_list();

});

function show_subjects_list() {

$.post("/subject/list/", function(data){

for(var i=0; i

$("#list").append('

'+data[i]['fields']['name']+'
');

};

}, 'json');

}

function add_subject_to_subjects_list() {

var value = $("#id_name").val();

var link = "/subject/create/"+value;

show_subjects_list();

$("#btn-create-subject").click(function() {

$.post(link, function(data) {

show_subjects_list();

alert(data).hide("fast");

});

});

}

这是我的服务器端(I “M使用Django/Python)的:

@csrf_exempt

def subjects_list(request):

user = request.user

subjects = Subjects.objects.filter(user__exact = user)

result = serializers.serialize("json", subjects, fields=('name'))

return HttpResponse(result)

@csrf_exempt

def new_subject(request, subject):

subject, created= Subjects.objects.get_or_create(

name=subject,

user=request.user,

created_by=request.user)

if created:

message = "Subject was created"

else:

message = "No subject was added to the database"

return HttpResponse(message)

,这就是我的html:

{% block left-menu %}

{% endblock %}

适合该HTML表单:

class SubjectCreationForm(forms.Form):

name = forms.CharField(label="Subject Name", widget=forms.TextInput(attrs={'size':9}))

class Meta:

exclude = ('created_by', 'created_time', 'num_of_followers', 'vote')

def clean_name(self):

name = self.cleaned_data['name']

if len(name)>1:

return name

else:

raise forms.ValidationError("Subject name should be longer")

2012-08-13

Vor

+0

你可以发布一些更多的代码,特别是在函数被调用和字段$(“#id_name”) –

2012-08-13 04:36:03

+0

耶,一秒 –

2012-08-13 04:36:31

+0

它看起来像值是空的,也警告不会返回一个jQuery对象 –

2012-08-13 04:36:55

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值